npm - @diplodoc/components - Versions diffs - 5.18.7 → 5.19.1 - Mend

@diplodoc/components 5.18.7 → 5.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (223) hide show

package/build/cjs/components/DocLayout/DocLayout.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/DocLayout/DocLayout.scss", "../../../../src/components/DocLayout/%3Cinput css LvgC_O%3E", "../../../../src/styles/mixins.scss"],
-  "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-doc-layout {\n    display: flex;\n    align-items: center;\n    margin: 0 auto;\n    height: 100%;\n    background: var(--g-color-base-background);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        align-items: normal;\n    }\n\n    &__left,\n    &__right {\n        order: 3;\n        flex: 0 0 auto;\n        box-sizing: content-box;\n    }\n\n    &__right {\n        width: 176px;\n        padding-right: 24px;\n        &_full-screen,\n        &_hidden-right {\n            flex: initial;\n        }\n    }\n\n    &__left {\n        order: 1;\n        width: 276px;\n\n        &_full-screen {\n            flex: initial;\n        }\n    }\n\n    &__center {\n        order: 2;\n        flex: 1 1 auto;\n        position: relative;\n        min-width: 0;\n\n        &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n            max-width: calc(736px + 176px / 2);\n        }\n\n        &_full-screen {\n            flex: 0 0 auto;\n            width: 100%;\n        }\n\n        &_loading {\n            height: calc(100vh - var(--dc-header-height, #{variables.$headerHeight}));\n            overflow: hidden;\n        }\n    }\n\n    &__toc {\n        position: fixed;\n        z-index: 100;\n        top: var(--dc-header-height, #{variables.$headerHeight});\n        padding-left: 24px;\n        width: 252px;\n        box-sizing: content-box;\n        background-color: var(--g-color-base-background);\n        @include mixins.text-size(body-1);\n    }\n\n    &__desktop-only {\n        .mobile & {\n            display: none;\n        }\n    }\n\n    &__mobile-only {\n        .desktop & {\n            display: none;\n        }\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        flex-direction: column-reverse;\n\n        &__right {\n            position: sticky;\n            top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n            left: 0;\n            z-index: 118;\n\n            height: fit-content;\n            width: 100%;\n            padding: 0;\n        }\n\n        &__left {\n            position: fixed;\n            top: calc(\n                var(--dc-header-height, #{variables.$headerHeight}) +\n                    var(--dc-subnavigation-height, #{variables.$subNavigationHeight}) + 1px\n            );\n            left: calc(0px - 105vw);\n            z-index: 119;\n\n            box-sizing: border-box;\n            max-height: calc(\n                100vh - var(--dc-header-height, #{variables.$headerHeight}) - var(\n                        --dc-subnavigation-height,\n                        #{variables.$subNavigationHeight}\n                    ) +\n                    1px\n            );\n            height: 100%;\n            width: 100vw;\n\n            padding: 0;\n\n            background-color: var(--g-color-base-background, #fff);\n            border-right: 1px solid var(--g-color-line-generic, #0000001a);\n\n            transition: left 300ms 0ms;\n\n            &_visible {\n                left: 0;\n\n                body:has(&) {\n                    overflow-y: hidden;\n                }\n            }\n        }\n\n        &__legacy-toc {\n            position: static;\n            left: auto;\n            width: 100%;\n            max-height: none;\n\n            border-right: none;\n        }\n\n        &__toc {\n            position: static;\n            width: 100%;\n            height: 100%;\n            padding: 0;\n\n            @include mixins.text-size(body-2);\n\n            .dc-toc {\n                /* stylelint-disable-next-line declaration-no-important */\n                height: 100% !important;\n            }\n        }\n    }\n\n    @media screen and (min-width: 1280px) {\n        &__center &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n            max-width: calc(736px + 200px / 2);\n        }\n\n        &__right {\n            width: 200px;\n        }\n\n        &__toc {\n            width: 252px;\n        }\n\n        &__left {\n            width: 276px;\n        }\n    }\n}\n", ".dc-doc-layout {\n  display: flex;\n  align-items: center;\n  margin: 0 auto;\n  height: 100%;\n  background: var(--g-color-base-background);\n}\n@media (max-width: 768px) {\n  .dc-doc-layout {\n    align-items: normal;\n  }\n}\n.dc-doc-layout__left, .dc-doc-layout__right {\n  order: 3;\n  flex: 0 0 auto;\n  box-sizing: content-box;\n}\n.dc-doc-layout__right {\n  width: 176px;\n  padding-right: 24px;\n}\n.dc-doc-layout__right_full-screen, .dc-doc-layout__right_hidden-right {\n  flex: initial;\n}\n.dc-doc-layout__left {\n  order: 1;\n  width: 276px;\n}\n.dc-doc-layout__left_full-screen {\n  flex: initial;\n}\n.dc-doc-layout__center {\n  order: 2;\n  flex: 1 1 auto;\n  position: relative;\n  min-width: 0;\n}\n.dc-doc-layout__center.dc-doc-layout__center_hidden-right.dc-doc-layout__center_regular-page-width:not(.dc-doc-layout__center_full-screen) {\n  max-width: 824px;\n}\n.dc-doc-layout__center_full-screen {\n  flex: 0 0 auto;\n  width: 100%;\n}\n.dc-doc-layout__center_loading {\n  height: calc(100vh - var(--dc-header-height, 0px));\n  overflow: hidden;\n}\n.dc-doc-layout__toc {\n  position: fixed;\n  z-index: 100;\n  top: var(--dc-header-height, 0px);\n  padding-left: 24px;\n  width: 252px;\n  box-sizing: content-box;\n  background-color: var(--g-color-base-background);\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.mobile .dc-doc-layout__desktop-only {\n  display: none;\n}\n.desktop .dc-doc-layout__mobile-only {\n  display: none;\n}\n@media (max-width: 768px) {\n  .dc-doc-layout {\n    flex-direction: column-reverse;\n  }\n  .dc-doc-layout__right {\n    position: sticky;\n    top: calc(var(--dc-header-height, 0px));\n    left: 0;\n    z-index: 118;\n    height: fit-content;\n    width: 100%;\n    padding: 0;\n  }\n  .dc-doc-layout__left {\n    position: fixed;\n    top: calc(var(--dc-header-height, 0px) + var(--dc-subnavigation-height, 52px) + 1px);\n    left: calc(0px - 105vw);\n    z-index: 119;\n    box-sizing: border-box;\n    max-height: calc(100vh - var(--dc-header-height, 0px) - var(--dc-subnavigation-height, 52px) + 1px);\n    height: 100%;\n    width: 100vw;\n    padding: 0;\n    background-color: var(--g-color-base-background, #fff);\n    border-right: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));\n    transition: left 300ms 0ms;\n  }\n  .dc-doc-layout__left_visible {\n    left: 0;\n  }\n  body:has(.dc-doc-layout__left_visible) {\n    overflow-y: hidden;\n  }\n  .dc-doc-layout__legacy-toc {\n    position: static;\n    left: auto;\n    width: 100%;\n    max-height: none;\n    border-right: none;\n  }\n  .dc-doc-layout__toc {\n    position: static;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    font-size: var(--g-text-body-2-font-size);\n    line-height: var(--g-text-body-2-line-height);\n  }\n  .dc-doc-layout__toc .dc-toc {\n    /* stylelint-disable-next-line declaration-no-important */\n    height: 100% !important;\n  }\n}\n@media screen and (min-width: 1280px) {\n  .dc-doc-layout__center .dc-doc-layout.dc-doc-layout_hidden-right.dc-doc-layout_regular-page-width:not(.dc-doc-layout_full-screen) {\n    max-width: 836px;\n  }\n  .dc-doc-layout__right {\n    width: 200px;\n  }\n  .dc-doc-layout__toc {\n    width: 252px;\n  }\n  .dc-doc-layout__left {\n    width: 276px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0RvY0xheW91dCIsInNvdXJjZXMiOlsiRG9jTGF5b3V0LnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBUEo7SUFRUTs7O0FBR0o7RUFFSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUNBO0VBRUk7O0FBSVI7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQ2hFSjtFQUNBOztBRG9FSTtFQUNJOztBQUtKO0VBQ0k7O0FBSVI7RUFoRko7SUFpRlE7O0VBRUE7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUVBO0lBQ0E7SUFDQTs7RUFHSjtJQUNJO0lBQ0E7SUFJQTtJQUNBO0lBRUE7SUFDQTtJQU9BO0lBQ0E7SUFFQTtJQUVBO0lBQ0E7SUFFQTs7RUFFQTtJQUNJOztFQUVBO0lBQ0k7O0VBS1o7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUVBOztFQUdKO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUMvSVI7SUFDQTs7RURrSlE7QUFDSTtJQUNBOzs7QUFLWjtFQUNJO0lBQ0k7O0VBR0o7SUFDSTs7RUFHSjtJQUNJOztFQUdKO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtZG9jLWxheW91dCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgYWxpZ24taXRlbXM6IG5vcm1hbDtcbiAgICB9XG5cbiAgICAmX19sZWZ0LFxuICAgICZfX3JpZ2h0IHtcbiAgICAgICAgb3JkZXI6IDM7XG4gICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICB9XG5cbiAgICAmX19yaWdodCB7XG4gICAgICAgIHdpZHRoOiAxNzZweDtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMjRweDtcbiAgICAgICAgJl9mdWxsLXNjcmVlbixcbiAgICAgICAgJl9oaWRkZW4tcmlnaHQge1xuICAgICAgICAgICAgZmxleDogaW5pdGlhbDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2xlZnQge1xuICAgICAgICBvcmRlcjogMTtcbiAgICAgICAgd2lkdGg6IDI3NnB4O1xuXG4gICAgICAgICZfZnVsbC1zY3JlZW4ge1xuICAgICAgICAgICAgZmxleDogaW5pdGlhbDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NlbnRlciB7XG4gICAgICAgIG9yZGVyOiAyO1xuICAgICAgICBmbGV4OiAxIDEgYXV0bztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBtaW4td2lkdGg6IDA7XG5cbiAgICAgICAgJiN7Jn1faGlkZGVuLXJpZ2h0I3smfV9yZWd1bGFyLXBhZ2Utd2lkdGg6bm90KCN7Jn1fZnVsbC1zY3JlZW4pIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYyg3MzZweCArIDE3NnB4IC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmX2Z1bGwtc2NyZWVuIHtcbiAgICAgICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2xvYWRpbmcge1xuICAgICAgICAgICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190b2Mge1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHotaW5kZXg6IDEwMDtcbiAgICAgICAgdG9wOiB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSk7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMjRweDtcbiAgICAgICAgd2lkdGg6IDI1MnB4O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQpO1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG4gICAgfVxuXG4gICAgJl9fZGVza3RvcC1vbmx5IHtcbiAgICAgICAgLm1vYmlsZSAmIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19tb2JpbGUtb25seSB7XG4gICAgICAgIC5kZXNrdG9wICYge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG5cbiAgICAgICAgJl9fcmlnaHQge1xuICAgICAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgICAgIHRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHotaW5kZXg6IDExODtcblxuICAgICAgICAgICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX2xlZnQge1xuICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgdG9wOiBjYWxjKFxuICAgICAgICAgICAgICAgIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSArXG4gICAgICAgICAgICAgICAgICAgIHZhcigtLWRjLXN1Ym5hdmlnYXRpb24taGVpZ2h0LCAje3ZhcmlhYmxlcy4kc3ViTmF2aWdhdGlvbkhlaWdodH0pICsgMXB4XG4gICAgICAgICAgICApO1xuICAgICAgICAgICAgbGVmdDogY2FsYygwcHggLSAxMDV2dyk7XG4gICAgICAgICAgICB6LWluZGV4OiAxMTk7XG5cbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKFxuICAgICAgICAgICAgICAgIDEwMHZoIC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pIC0gdmFyKFxuICAgICAgICAgICAgICAgICAgICAgICAgLS1kYy1zdWJuYXZpZ2F0aW9uLWhlaWdodCxcbiAgICAgICAgICAgICAgICAgICAgICAgICN7dmFyaWFibGVzLiRzdWJOYXZpZ2F0aW9uSGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgICApICtcbiAgICAgICAgICAgICAgICAgICAgMXB4XG4gICAgICAgICAgICApO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgd2lkdGg6IDEwMHZ3O1xuXG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCwgI2ZmZik7XG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYywgIzAwMDAwMDFhKTtcblxuICAgICAgICAgICAgdHJhbnNpdGlvbjogbGVmdCAzMDBtcyAwbXM7XG5cbiAgICAgICAgICAgICZfdmlzaWJsZSB7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcblxuICAgICAgICAgICAgICAgIGJvZHk6aGFzKCYpIHtcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfX2xlZ2FjeS10b2Mge1xuICAgICAgICAgICAgcG9zaXRpb246IHN0YXRpYztcbiAgICAgICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IG5vbmU7XG5cbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RvYyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMik7XG5cbiAgICAgICAgICAgIC5kYy10b2Mge1xuICAgICAgICAgICAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBkZWNsYXJhdGlvbi1uby1pbXBvcnRhbnQgKi9cbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyODBweCkge1xuICAgICAgICAmX19jZW50ZXIgJiN7Jn1faGlkZGVuLXJpZ2h0I3smfV9yZWd1bGFyLXBhZ2Utd2lkdGg6bm90KCN7Jn1fZnVsbC1zY3JlZW4pIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYyg3MzZweCArIDIwMHB4IC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmX19yaWdodCB7XG4gICAgICAgICAgICB3aWR0aDogMjAwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX190b2Mge1xuICAgICAgICAgICAgd2lkdGg6IDI1MnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGVmdCB7XG4gICAgICAgICAgICB3aWR0aDogMjc2cHg7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZ3Jhdml0eS11aS10ZXh0LXNpemVzKCRkZWx0YSkge1xuICAgIC0tZy10ZXh0LWJvZHktMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0OiAjezE4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0OiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWxpbmUtaGVpZ2h0OiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemU6ICN7OXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplOiAjezExcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZTogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemU6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0xLWZvbnQtc2l6ZTogI3syOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplOiAjezMycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMy1mb250LXNpemU6ICN7NDBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS00LWZvbnQtc2l6ZTogI3s0OHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcblxuICAgIC0teWZtLWZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMjogdmFyKC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgzOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg2OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplKTtcbn1cbiJdfQ== */", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n"],
-  "mappings": ";AAIA,CAAA;AACI,WAAA;AACA,eAAA;AACA,UAAA,EAAA;AACA,UAAA;AACA,cAAA,IAAA;ACHJ;ADKI,QAAA,WAAA;AAPJ,GAAA;AAQQ,iBAAA;ACFN;AACF;ADII,CAAA;AAAA,CAAA;AAEI,SAAA;AACA,QAAA,EAAA,EAAA;AACA,cAAA;ACHR;ADMI,CAPA;AAQI,SAAA;AACA,iBAAA;ACJR;ADKQ,CAAA;AAAA,CAAA;AAEI,QAAA;ACJZ;ADQI,CAhBA;AAiBI,SAAA;AACA,SAAA;ACNR;ADQQ,CAAA;AACI,QAAA;ACNZ;ADUI,CAAA;AACI,SAAA;AACA,QAAA,EAAA,EAAA;AACA,YAAA;AACA,aAAA;ACRR;ADUQ,CANJ,qBAMI,CAAA,kCAAA,CAAA,wCAAA,KAAA,CAAA;AACI,aAAA;ACRZ;ADWQ,CAJA;AAKI,QAAA,EAAA,EAAA;AACA,SAAA;ACTZ;ADYQ,CAAA;AACI,UAAA,KAAA,MAAA,EAAA;AAAA,UAAA,KAAA,MAAA,EAAA,IAAA,kBAAA,EAAA;AACA,YAAA;ACVZ;ADcI,CAAA;AACI,YAAA;AACA,WAAA;AACA,OAAA;AAAA,OAAA,IAAA,kBAAA,EAAA;AACA,gBAAA;AACA,SAAA;AACA,cAAA;AACA,oBAAA,IAAA;AEhEJ,aAAA,IAAA;AACA,eAAA,IAAA;ADqDJ;ADeQ,CAAA,OAAA,CAAA;AACI,WAAA;ACbZ;ADkBQ,CAAA,QAAA,CAAA;AACI,WAAA;AChBZ;ADoBI,QAAA,WAAA;AAhFJ,GAAA;AAiFQ,oBAAA;ACjBN;ADmBM,GAxEJ;AAyEQ,cAAA;AACA,SAAA,KAAA;AAAA,SAAA,KAAA,IAAA,kBAAA,EAAA;AACA,UAAA;AACA,aAAA;AAEA,YAAA;AAAA,YAAA;AACA,WAAA;AACA,aAAA;AClBV;ADqBM,GAnFJ;AAoFQ,cAAA;AACA,SAAA,KAAA,IAAA,EAAA,KAAA,EAAA;AAAA,SAAA,KAAA,IAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,yBAAA,EAAA,MAAA,EAAA;AAIA,UAAA,KAAA,IAAA,EAAA;AACA,aAAA;AAEA,gBAAA;AACA,gBAAA,KAAA,MAAA,EAAA,IAAA,EAAA,KAAA,EAAA;AAAA,gBAAA,KAAA,MAAA,EAAA,IAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,yBAAA,EAAA,MAAA,EAAA;AAOA,YAAA;AACA,WAAA;AAEA,aAAA;AAEA,sBAAA;AAAA,sBAAA,IAAA,yBAAA,EAAA;AACA,kBAAA,IAAA,MAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAAA,kBAAA,IAAA,MAAA,IAAA,sBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AAEA,gBAAA,KAAA,MAAA;AChCV;ADkCU,GAAA;AACI,UAAA;AChCd;ADkCc,MAAA,KAAA,CAHJ;AAIQ,gBAAA;AChClB;ADqCM,GAAA;AACI,cAAA;AACA,UAAA;AACA,WAAA;AACA,gBAAA;AAEA,kBAAA;ACpCV;ADuCM,GAlFJ;AAmFQ,cAAA;AACA,WAAA;AACA,YAAA;AACA,aAAA;AE/IR,eAAA,IAAA;AACA,iBAAA,IAAA;AD2GF;ADuCU,GA1FR,mBA0FQ,CAAA;AAEI,YAAA;ACrCd;AACF;ADyCI,OAAA,YAAA,WAAA;AACI,GAvHJ,sBAuHI,CA3JR,aA2JQ,CAAA,0BAAA,CAAA,gCAAA,KAAA,CAAA;AACI,eAAA;ACvCV;AD0CM,GApJJ;AAqJQ,WAAA;ACxCV;AD2CM,GA1GJ;AA2GQ,WAAA;ACzCV;AD4CM,GA5JJ;AA6JQ,WAAA;AC1CV;AACF;",
+  "sources": ["../../../../src/components/DocLayout/DocLayout.scss", "../../../../src/components/DocLayout/%3Cinput css lg-P3t%3E", "../../../../src/styles/mixins.scss", "../../../../node_modules/@gravity-ui/uikit/styles/mixins.scss"],
+  "sourcesContent": ["@use 'sass:map';\n@use '@gravity-ui/uikit/styles/mixins' as gravityMixins;\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-doc-layout {\n    display: flex;\n    align-items: center;\n    margin: 0 auto;\n    height: 100%;\n    background: var(--g-color-base-background);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        align-items: normal;\n    }\n\n    &__left,\n    &__right {\n        order: 3;\n        flex: 0 0 auto;\n        box-sizing: content-box;\n    }\n\n    &__right {\n        width: 176px;\n        padding-right: 24px;\n        &_full-screen,\n        &_hidden-right {\n            flex: initial;\n        }\n    }\n\n    &__left {\n        order: 1;\n        width: 276px;\n        transition: width 150ms ease-out;\n\n        @media (prefers-reduced-motion: reduce) {\n            transition: none;\n        }\n\n        &_full-screen {\n            flex: initial;\n        }\n\n        &_toc-collapsed {\n            width: 56px;\n        }\n    }\n\n    &__center {\n        order: 2;\n        flex: 1 1 auto;\n        position: relative;\n        min-width: 0;\n\n        &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n            max-width: calc(736px + 176px / 2);\n        }\n\n        &_full-screen {\n            flex: 0 0 auto;\n            width: 100%;\n        }\n\n        &_loading {\n            height: calc(100vh - var(--dc-header-height, #{variables.$headerHeight}));\n            overflow: hidden;\n        }\n    }\n\n    &__toc {\n        position: fixed;\n        z-index: 100;\n        top: var(--dc-header-height, #{variables.$headerHeight});\n        padding-left: 24px;\n        width: 252px;\n        box-sizing: content-box;\n        background-color: var(--g-color-base-background);\n        @include mixins.text-size(body-1);\n\n        &_collapsible {\n            display: flex;\n            flex-direction: column;\n            height: calc(100vh - var(--dc-header-height, #{variables.$headerHeight}));\n            border-right: 1px solid var(--g-color-line-generic);\n\n            > .dc-toc {\n                flex: 1 1 auto;\n                min-height: 0;\n                height: auto;\n                border-right: none;\n            }\n        }\n\n        &_toc-collapsed {\n            width: 56px;\n            padding-left: 0;\n\n            > .dc-toc {\n                display: none;\n            }\n        }\n    }\n\n    &__toc-collapse-button {\n        --_--focus-outline-color: var(--g-color-line-focus);\n        --_--focus-outline-offset: 0;\n\n        @include gravityMixins.button-reset();\n\n        flex: 0 0 auto;\n        min-height: 20px;\n        width: calc(100% + 24px);\n        margin-left: -24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        box-sizing: content-box;\n\n        &::before {\n            content: '';\n            position: absolute;\n            z-index: -1;\n            inset: 0 2px 2px;\n        }\n\n        &:focus-visible::before {\n            outline: var(--_--focus-outline-color) solid 2px;\n            outline-offset: var(--_--focus-outline-offset);\n        }\n\n        &:not(&_collapsed) &-icon {\n            transform: rotate(180deg);\n        }\n\n        &:hover &-icon {\n            color: var(--g-color-text-primary);\n        }\n\n        &_collapsed {\n            width: 100%;\n            margin-left: 0;\n            margin-top: auto;\n        }\n\n        &-icon {\n            color: var(--g-color-text-secondary);\n        }\n    }\n\n    &__desktop-only {\n        .mobile & {\n            display: none;\n        }\n    }\n\n    &__mobile-only {\n        .desktop & {\n            display: none;\n        }\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        flex-direction: column-reverse;\n\n        &__right {\n            position: sticky;\n            top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n            left: 0;\n            z-index: 118;\n\n            height: fit-content;\n            width: 100%;\n            padding: 0;\n        }\n\n        &__left {\n            position: fixed;\n            top: calc(\n                var(--dc-header-height, #{variables.$headerHeight}) +\n                    var(--dc-subnavigation-height, #{variables.$subNavigationHeight}) + 1px\n            );\n            left: calc(0px - 105vw);\n            z-index: 119;\n\n            box-sizing: border-box;\n            max-height: calc(\n                100vh - var(--dc-header-height, #{variables.$headerHeight}) - var(\n                        --dc-subnavigation-height,\n                        #{variables.$subNavigationHeight}\n                    ) +\n                    1px\n            );\n            height: 100%;\n            width: 100vw;\n\n            padding: 0;\n\n            background-color: var(--g-color-base-background, #fff);\n            border-right: 1px solid var(--g-color-line-generic, #0000001a);\n\n            transition: left 300ms 0ms;\n\n            &_visible {\n                left: 0;\n\n                body:has(&) {\n                    overflow-y: hidden;\n                }\n            }\n        }\n\n        &__legacy-toc {\n            position: static;\n            left: auto;\n            width: 100%;\n            max-height: none;\n\n            border-right: none;\n        }\n\n        &__toc {\n            position: static;\n            width: 100%;\n            height: 100%;\n            padding: 0;\n            border-right: none;\n\n            @include mixins.text-size(body-2);\n\n            .dc-toc {\n                /* stylelint-disable-next-line declaration-no-important */\n                height: 100% !important;\n            }\n\n            &_toc-collapsed > .dc-toc {\n                display: flex;\n            }\n        }\n\n        &__toc-collapse-button {\n            display: none;\n        }\n    }\n\n    @media screen and (min-width: 1280px) {\n        &__center &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n            max-width: calc(736px + 200px / 2);\n        }\n\n        &__right {\n            width: 200px;\n        }\n\n        &__toc {\n            width: 252px;\n\n            &_toc-collapsed {\n                width: 56px;\n            }\n        }\n\n        &__left {\n            width: 276px;\n\n            &_toc-collapsed {\n                width: 56px;\n            }\n        }\n    }\n}\n", ".dc-doc-layout {\n  display: flex;\n  align-items: center;\n  margin: 0 auto;\n  height: 100%;\n  background: var(--g-color-base-background);\n}\n@media (max-width: 768px) {\n  .dc-doc-layout {\n    align-items: normal;\n  }\n}\n.dc-doc-layout__left, .dc-doc-layout__right {\n  order: 3;\n  flex: 0 0 auto;\n  box-sizing: content-box;\n}\n.dc-doc-layout__right {\n  width: 176px;\n  padding-right: 24px;\n}\n.dc-doc-layout__right_full-screen, .dc-doc-layout__right_hidden-right {\n  flex: initial;\n}\n.dc-doc-layout__left {\n  order: 1;\n  width: 276px;\n  transition: width 150ms ease-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .dc-doc-layout__left {\n    transition: none;\n  }\n}\n.dc-doc-layout__left_full-screen {\n  flex: initial;\n}\n.dc-doc-layout__left_toc-collapsed {\n  width: 56px;\n}\n.dc-doc-layout__center {\n  order: 2;\n  flex: 1 1 auto;\n  position: relative;\n  min-width: 0;\n}\n.dc-doc-layout__center.dc-doc-layout__center_hidden-right.dc-doc-layout__center_regular-page-width:not(.dc-doc-layout__center_full-screen) {\n  max-width: 824px;\n}\n.dc-doc-layout__center_full-screen {\n  flex: 0 0 auto;\n  width: 100%;\n}\n.dc-doc-layout__center_loading {\n  height: calc(100vh - var(--dc-header-height, 0px));\n  overflow: hidden;\n}\n.dc-doc-layout__toc {\n  position: fixed;\n  z-index: 100;\n  top: var(--dc-header-height, 0px);\n  padding-left: 24px;\n  width: 252px;\n  box-sizing: content-box;\n  background-color: var(--g-color-base-background);\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-doc-layout__toc_collapsible {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - var(--dc-header-height, 0px));\n  border-right: 1px solid var(--g-color-line-generic);\n}\n.dc-doc-layout__toc_collapsible > .dc-toc {\n  flex: 1 1 auto;\n  min-height: 0;\n  height: auto;\n  border-right: none;\n}\n.dc-doc-layout__toc_toc-collapsed {\n  width: 56px;\n  padding-left: 0;\n}\n.dc-doc-layout__toc_toc-collapsed > .dc-toc {\n  display: none;\n}\n.dc-doc-layout__toc-collapse-button {\n  --_--focus-outline-color: var(--g-color-line-focus);\n  --_--focus-outline-offset: 0;\n  padding: 0;\n  font-family: var(--g-text-body-font-family);\n  font-size: inherit;\n  font-weight: var(--g-text-body-font-weight);\n  color: inherit;\n  background: none;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  flex: 0 0 auto;\n  min-height: 20px;\n  width: calc(100% + 24px);\n  margin-left: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  box-sizing: content-box;\n}\n.dc-doc-layout__toc-collapse-button::before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  inset: 0 2px 2px;\n}\n.dc-doc-layout__toc-collapse-button:focus-visible::before {\n  outline: var(--_--focus-outline-color) solid 2px;\n  outline-offset: var(--_--focus-outline-offset);\n}\n.dc-doc-layout__toc-collapse-button:not(.dc-doc-layout__toc-collapse-button_collapsed) .dc-doc-layout__toc-collapse-button-icon {\n  transform: rotate(180deg);\n}\n.dc-doc-layout__toc-collapse-button:hover .dc-doc-layout__toc-collapse-button-icon {\n  color: var(--g-color-text-primary);\n}\n.dc-doc-layout__toc-collapse-button_collapsed {\n  width: 100%;\n  margin-left: 0;\n  margin-top: auto;\n}\n.dc-doc-layout__toc-collapse-button-icon {\n  color: var(--g-color-text-secondary);\n}\n.mobile .dc-doc-layout__desktop-only {\n  display: none;\n}\n.desktop .dc-doc-layout__mobile-only {\n  display: none;\n}\n@media (max-width: 768px) {\n  .dc-doc-layout {\n    flex-direction: column-reverse;\n  }\n  .dc-doc-layout__right {\n    position: sticky;\n    top: calc(var(--dc-header-height, 0px));\n    left: 0;\n    z-index: 118;\n    height: fit-content;\n    width: 100%;\n    padding: 0;\n  }\n  .dc-doc-layout__left {\n    position: fixed;\n    top: calc(var(--dc-header-height, 0px) + var(--dc-subnavigation-height, 52px) + 1px);\n    left: calc(0px - 105vw);\n    z-index: 119;\n    box-sizing: border-box;\n    max-height: calc(100vh - var(--dc-header-height, 0px) - var(--dc-subnavigation-height, 52px) + 1px);\n    height: 100%;\n    width: 100vw;\n    padding: 0;\n    background-color: var(--g-color-base-background, #fff);\n    border-right: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));\n    transition: left 300ms 0ms;\n  }\n  .dc-doc-layout__left_visible {\n    left: 0;\n  }\n  body:has(.dc-doc-layout__left_visible) {\n    overflow-y: hidden;\n  }\n  .dc-doc-layout__legacy-toc {\n    position: static;\n    left: auto;\n    width: 100%;\n    max-height: none;\n    border-right: none;\n  }\n  .dc-doc-layout__toc {\n    position: static;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    border-right: none;\n    font-size: var(--g-text-body-2-font-size);\n    line-height: var(--g-text-body-2-line-height);\n  }\n  .dc-doc-layout__toc .dc-toc {\n    /* stylelint-disable-next-line declaration-no-important */\n    height: 100% !important;\n  }\n  .dc-doc-layout__toc_toc-collapsed > .dc-toc {\n    display: flex;\n  }\n  .dc-doc-layout__toc-collapse-button {\n    display: none;\n  }\n}\n@media screen and (min-width: 1280px) {\n  .dc-doc-layout__center .dc-doc-layout.dc-doc-layout_hidden-right.dc-doc-layout_regular-page-width:not(.dc-doc-layout_full-screen) {\n    max-width: 836px;\n  }\n  .dc-doc-layout__right {\n    width: 200px;\n  }\n  .dc-doc-layout__toc {\n    width: 252px;\n  }\n  .dc-doc-layout__toc_toc-collapsed {\n    width: 56px;\n  }\n  .dc-doc-layout__left {\n    width: 276px;\n  }\n  .dc-doc-layout__left_toc-collapsed {\n    width: 56px;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0RvY0xheW91dCIsInNvdXJjZXMiOlsiRG9jTGF5b3V0LnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9ub2RlX21vZHVsZXMvQGdyYXZpdHktdWkvdWlraXQvc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQVBKO0lBUVE7OztBQUdKO0VBRUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTs7QUFDQTtFQUVJOztBQUlSO0VBQ0k7RUFDQTtFQUNBOztBQUVBO0VBTEo7SUFNUTs7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUMxRUo7RUFDQTs7QUQ0RUk7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUtaO0VBQ0k7RUFDQTtFRWpHSjtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUYyRkk7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUtKO0VBQ0k7O0FBS0o7RUFDSTs7QUFJUjtFQS9KSjtJQWdLUTs7RUFFQTtJQUNJO0lBQ0E7SUFDQTtJQUNBO0lBRUE7SUFDQTtJQUNBOztFQUdKO0lBQ0k7SUFDQTtJQUlBO0lBQ0E7SUFFQTtJQUNBO0lBT0E7SUFDQTtJQUVBO0lBRUE7SUFDQTtJQUVBOztFQUVBO0lBQ0k7O0VBRUE7SUFDSTs7RUFLWjtJQUNJO0lBQ0E7SUFDQTtJQUNBO0lBRUE7O0VBR0o7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUNBO0lDaE9SO0lBQ0E7O0VEbU9RO0FBQ0k7SUFDQTs7RUFHSjtJQUNJOztFQUlSO0lBQ0k7OztBQUlSO0VBQ0k7SUFDSTs7RUFHSjtJQUNJOztFQUdKO0lBQ0k7O0VBRUE7SUFDSTs7RUFJUjtJQUNJOztFQUVBO0lBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICdAZ3Jhdml0eS11aS91aWtpdC9zdHlsZXMvbWl4aW5zJyBhcyBncmF2aXR5TWl4aW5zO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWRvYy1sYXlvdXQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBub3JtYWw7XG4gICAgfVxuXG4gICAgJl9fbGVmdCxcbiAgICAmX19yaWdodCB7XG4gICAgICAgIG9yZGVyOiAzO1xuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgfVxuXG4gICAgJl9fcmlnaHQge1xuICAgICAgICB3aWR0aDogMTc2cHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDI0cHg7XG4gICAgICAgICZfZnVsbC1zY3JlZW4sXG4gICAgICAgICZfaGlkZGVuLXJpZ2h0IHtcbiAgICAgICAgICAgIGZsZXg6IGluaXRpYWw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19sZWZ0IHtcbiAgICAgICAgb3JkZXI6IDE7XG4gICAgICAgIHdpZHRoOiAyNzZweDtcbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMTUwbXMgZWFzZS1vdXQ7XG5cbiAgICAgICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2Z1bGwtc2NyZWVuIHtcbiAgICAgICAgICAgIGZsZXg6IGluaXRpYWw7XG4gICAgICAgIH1cblxuICAgICAgICAmX3RvYy1jb2xsYXBzZWQge1xuICAgICAgICAgICAgd2lkdGg6IDU2cHg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jZW50ZXIge1xuICAgICAgICBvcmRlcjogMjtcbiAgICAgICAgZmxleDogMSAxIGF1dG87XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgbWluLXdpZHRoOiAwO1xuXG4gICAgICAgICYjeyZ9X2hpZGRlbi1yaWdodCN7Jn1fcmVndWxhci1wYWdlLXdpZHRoOm5vdCgjeyZ9X2Z1bGwtc2NyZWVuKSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoNzM2cHggKyAxNzZweCAvIDIpO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9mdWxsLXNjcmVlbiB7XG4gICAgICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9sb2FkaW5nIHtcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdG9jIHtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB6LWluZGV4OiAxMDA7XG4gICAgICAgIHRvcDogdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDI0cHg7XG4gICAgICAgIHdpZHRoOiAyNTJweDtcbiAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1iYWNrZ3JvdW5kKTtcbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuXG4gICAgICAgICZfY29sbGFwc2libGUge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xuICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuXG4gICAgICAgICAgICA+IC5kYy10b2Mge1xuICAgICAgICAgICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICAgICAgICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfdG9jLWNvbGxhcHNlZCB7XG4gICAgICAgICAgICB3aWR0aDogNTZweDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcblxuICAgICAgICAgICAgPiAuZGMtdG9jIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdG9jLWNvbGxhcHNlLWJ1dHRvbiB7XG4gICAgICAgIC0tXy0tZm9jdXMtb3V0bGluZS1jb2xvcjogdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgLS1fLS1mb2N1cy1vdXRsaW5lLW9mZnNldDogMDtcblxuICAgICAgICBAaW5jbHVkZSBncmF2aXR5TWl4aW5zLmJ1dHRvbi1yZXNldCgpO1xuXG4gICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICBtaW4taGVpZ2h0OiAyMHB4O1xuICAgICAgICB3aWR0aDogY2FsYygxMDAlICsgMjRweCk7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMjRweDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG5cbiAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgei1pbmRleDogLTE7XG4gICAgICAgICAgICBpbnNldDogMCAycHggMnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy12aXNpYmxlOjpiZWZvcmUge1xuICAgICAgICAgICAgb3V0bGluZTogdmFyKC0tXy0tZm9jdXMtb3V0bGluZS1jb2xvcikgc29saWQgMnB4O1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLV8tLWZvY3VzLW91dGxpbmUtb2Zmc2V0KTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6bm90KCZfY29sbGFwc2VkKSAmLWljb24ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIgJi1pY29uIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cblxuICAgICAgICAmX2NvbGxhcHNlZCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogYXV0bztcbiAgICAgICAgfVxuXG4gICAgICAgICYtaWNvbiB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXNrdG9wLW9ubHkge1xuICAgICAgICAubW9iaWxlICYge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX21vYmlsZS1vbmx5IHtcbiAgICAgICAgLmRlc2t0b3AgJiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcblxuICAgICAgICAmX19yaWdodCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgICAgICAgICAgdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgei1pbmRleDogMTE4O1xuXG4gICAgICAgICAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGVmdCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICB0b3A6IGNhbGMoXG4gICAgICAgICAgICAgICAgdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pICtcbiAgICAgICAgICAgICAgICAgICAgdmFyKC0tZGMtc3VibmF2aWdhdGlvbi1oZWlnaHQsICN7dmFyaWFibGVzLiRzdWJOYXZpZ2F0aW9uSGVpZ2h0fSkgKyAxcHhcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBsZWZ0OiBjYWxjKDBweCAtIDEwNXZ3KTtcbiAgICAgICAgICAgIHotaW5kZXg6IDExOTtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwdmggLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkgLSB2YXIoXG4gICAgICAgICAgICAgICAgICAgICAgICAtLWRjLXN1Ym5hdmlnYXRpb24taGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgI3t2YXJpYWJsZXMuJHN1Yk5hdmlnYXRpb25IZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICkgK1xuICAgICAgICAgICAgICAgICAgICAxcHhcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICB3aWR0aDogMTAwdnc7XG5cbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG5cbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1iYWNrZ3JvdW5kLCAjZmZmKTtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLCAjMDAwMDAwMWEpO1xuXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBsZWZ0IDMwMG1zIDBtcztcblxuICAgICAgICAgICAgJl92aXNpYmxlIHtcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuXG4gICAgICAgICAgICAgICAgYm9keTpoYXMoJikge1xuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvdy15OiBoaWRkZW47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGVnYWN5LXRvYyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgICAgICAgbGVmdDogYXV0bztcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgbWF4LWhlaWdodDogbm9uZTtcblxuICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fdG9jIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBib3JkZXItcmlnaHQ6IG5vbmU7XG5cbiAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0yKTtcblxuICAgICAgICAgICAgLmRjLXRvYyB7XG4gICAgICAgICAgICAgICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIGRlY2xhcmF0aW9uLW5vLWltcG9ydGFudCAqL1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmX3RvYy1jb2xsYXBzZWQgPiAuZGMtdG9jIHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fdG9jLWNvbGxhcHNlLWJ1dHRvbiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTI4MHB4KSB7XG4gICAgICAgICZfX2NlbnRlciAmI3smfV9oaWRkZW4tcmlnaHQjeyZ9X3JlZ3VsYXItcGFnZS13aWR0aDpub3QoI3smfV9mdWxsLXNjcmVlbikge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiBjYWxjKDczNnB4ICsgMjAwcHggLyAyKTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX3JpZ2h0IHtcbiAgICAgICAgICAgIHdpZHRoOiAyMDBweDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RvYyB7XG4gICAgICAgICAgICB3aWR0aDogMjUycHg7XG5cbiAgICAgICAgICAgICZfdG9jLWNvbGxhcHNlZCB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDU2cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX19sZWZ0IHtcbiAgICAgICAgICAgIHdpZHRoOiAyNzZweDtcblxuICAgICAgICAgICAgJl90b2MtY29sbGFwc2VkIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogNTZweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBncmF2aXR5LXVpLXRleHQtc2l6ZXMoJGRlbHRhKSB7XG4gICAgLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQ6ICN7MThweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQ6ICN7MjBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTMtbGluZS1oZWlnaHQ6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS1zaG9ydC1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY2FwdGlvbi0xLWZvbnQtc2l6ZTogI3s5cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMi1mb250LXNpemU6ICN7MTFweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplOiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZTogI3syNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplOiAjezE1cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTEtZm9udC1zaXplOiAjezI4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMi1mb250LXNpemU6ICN7MzJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0zLWZvbnQtc2l6ZTogI3s0MHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTQtZm9udC1zaXplOiAjezQ4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMS1mb250LXNpemU6ICN7MTJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTItZm9udC1zaXplOiAjezE0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuXG4gICAgLS15Zm0tZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1saW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodCk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgyOiB2YXIoLS1nLXRleHQtaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDM6IHZhcigtLWctdGV4dC1oZWFkZXItMS1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNDogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg1OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDY6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemUpO1xufVxuIiwiQHVzZSAnc2FzczpsaXN0JztcbkB1c2UgJ3Nhc3M6c2VsZWN0b3InO1xuXG5AbWl4aW4gb3ZlcmZsb3ctZWxsaXBzaXMoJHR5cGU6IGVsbGlwc2lzKSB7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6ICR0eXBlO1xufVxuXG5AbWl4aW4gYnV0dG9uLXJlc2V0KCkge1xuICAgIHBhZGRpbmc6IDA7XG5cbiAgICBmb250LWZhbWlseTogdmFyKC0tZy10ZXh0LWJvZHktZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xuXG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbkBtaXhpbiBsaW5rLXJlc2V0KCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogaW5oZXJpdDtcbn1cblxuQG1peGluIGV4cGFuZC1pbnRlcmFjdGl2ZS1hcmVhKCRoOiA0cHgsICR2OiAkaCkge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgaW5zZXQ6IGxvZ2ljYWwgKC0kdikgKC0kaCk7XG4gICAgfVxufVxuXG5AbWl4aW4gbWF4LWhlaWdodCgkaGVpZ2h0KSB7XG4gICAgbWF4LWhlaWdodDogJGhlaWdodDtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xufVxuXG5AbWl4aW4gbWF4LXRleHQtd2lkdGgoJHdpZHRoOiAxMDAlKSB7XG4gICAgQGluY2x1ZGUgb3ZlcmZsb3ctZWxsaXBzaXMoKTtcblxuICAgIG1heC13aWR0aDogJHdpZHRoO1xufVxuXG5AbWl4aW4gYXNwZWN0LXJhdGlvKCRyYXRpbykge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6ICRyYXRpbyAqIDEwMCU7XG4gICAgfVxuXG4gICAgPiAqOm9ubHktY2hpbGQge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGluc2V0OiAwO1xuICAgIH1cbn1cblxuQGZ1bmN0aW9uIGdldC1waW4tc2VsZWN0b3IoJG1vZCwgJHNlbGVjdG9yLCAkYXBwZW5kOiB0cnVlKSB7XG4gICAgQGlmICRhcHBlbmQge1xuICAgICAgICBAcmV0dXJuIHNlbGVjdG9yLmFwcGVuZCgkbW9kLCAkc2VsZWN0b3IpO1xuICAgIH0gQGVsc2Uge1xuICAgICAgICBAcmV0dXJuIGxpc3Quam9pbigkbW9kLCAkc2VsZWN0b3IsICRzZXBhcmF0b3I6IHNwYWNlKTtcbiAgICB9XG59XG5cbkBtaXhpbiBwaW4oJGJsb2NrLCAkc2VsZWN0b3JzLCAkcmFkaXVzLCAkYXBwZW5kOiB0cnVlKSB7XG4gICAgQGVhY2ggJHNlbGVjdG9yIGluICRzZWxlY3RvcnMge1xuICAgICAgICBAYXQtcm9vdCAje2dldC1waW4tc2VsZWN0b3IoI3skYmxvY2t9X3Bpbl9yb3VuZC1yb3VuZCwgJHNlbGVjdG9yLCAkYXBwZW5kKX0ge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHJhZGl1cztcbiAgICAgICAgfVxuXG4gICAgICAgIEBhdC1yb290ICN7Z2V0LXBpbi1zZWxlY3RvcigjeyRibG9ja31fcGluX2JyaWNrLWJyaWNrLCAkc2VsZWN0b3IsICRhcHBlbmQpfSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQGF0LXJvb3QgI3tnZXQtcGluLXNlbGVjdG9yKCN7JGJsb2NrfV9waW5fY2xlYXItY2xlYXIsICRzZWxlY3RvciwgJGFwcGVuZCl9IHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgICAgICAgICBib3JkZXItaW5saW5lOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQGF0LXJvb3QgI3tnZXQtcGluLXNlbGVjdG9yKCN7JGJsb2NrfV9waW5fY2lyY2xlLWNpcmNsZSwgJHNlbGVjdG9yLCAkYXBwZW5kKX0ge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gICAgICAgIH1cblxuICAgICAgICBAYXQtcm9vdCAje2dldC1waW4tc2VsZWN0b3IoI3skYmxvY2t9X3Bpbl9yb3VuZC1icmljaywgJHNlbGVjdG9yLCAkYXBwZW5kKX0ge1xuICAgICAgICAgICAgYm9yZGVyLXN0YXJ0LXN0YXJ0LXJhZGl1czogJHJhZGl1cztcbiAgICAgICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6ICRyYWRpdXM7XG4gICAgICAgICAgICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBAYXQtcm9vdCAje2dldC1waW4tc2VsZWN0b3IoI3skYmxvY2t9X3Bpbl9icmljay1yb3VuZCwgJHNlbGVjdG9yLCAkYXBwZW5kKX0ge1xuICAgICAgICAgICAgYm9yZGVyLXN0YXJ0LXN0YXJ0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAkcmFkaXVzO1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDA7XG4gICAgICAgICAgICBib3JkZXItZW5kLWVuZC1yYWRpdXM6ICRyYWRpdXM7XG4gICAgICAgIH1cblxuICAgICAgICBAYXQtcm9vdCAje2dldC1waW4tc2VsZWN0b3IoI3skYmxvY2t9X3Bpbl9yb3VuZC1jbGVhciwgJHNlbGVjdG9yLCAkYXBwZW5kKX0ge1xuICAgICAgICAgICAgYm9yZGVyLXN0YXJ0LXN0YXJ0LXJhZGl1czogJHJhZGl1cztcbiAgICAgICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6ICRyYWRpdXM7XG4gICAgICAgICAgICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IDA7XG4gICAgICAgICAgICBib3JkZXItaW5saW5lLWVuZDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBhdC1yb290ICN7Z2V0LXBpbi1zZWxlY3RvcigjeyRibG9ja31fcGluX2NsZWFyLXJvdW5kLCAkc2VsZWN0b3IsICRhcHBlbmQpfSB7XG4gICAgICAgICAgICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6ICRyYWRpdXM7XG4gICAgICAgICAgICBib3JkZXItZW5kLXN0YXJ0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1lbmQtZW5kLXJhZGl1czogJHJhZGl1cztcbiAgICAgICAgICAgIGJvcmRlci1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBAYXQtcm9vdCAje2dldC1waW4tc2VsZWN0b3IoI3skYmxvY2t9X3Bpbl9icmljay1jbGVhciwgJHNlbGVjdG9yLCAkYXBwZW5kKX0ge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1pbmxpbmUtZW5kOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQGF0LXJvb3QgI3tnZXQtcGluLXNlbGVjdG9yKCN7JGJsb2NrfV9waW5fY2xlYXItYnJpY2ssICRzZWxlY3RvciwgJGFwcGVuZCl9IHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgICAgICAgICBib3JkZXItaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQGF0LXJvb3QgI3tnZXQtcGluLXNlbGVjdG9yKCN7JGJsb2NrfV9waW5fY2lyY2xlLWJyaWNrLCAkc2VsZWN0b3IsICRhcHBlbmQpfSB7XG4gICAgICAgICAgICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAxMDBweDtcbiAgICAgICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDEwMHB4O1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgQGF0LXJvb3QgI3tnZXQtcGluLXNlbGVjdG9yKCN7JGJsb2NrfV9waW5fYnJpY2stY2lyY2xlLCAkc2VsZWN0b3IsICRhcHBlbmQpfSB7XG4gICAgICAgICAgICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IDEwMHB4O1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDA7XG4gICAgICAgICAgICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IDEwMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgQGF0LXJvb3QgI3tnZXQtcGluLXNlbGVjdG9yKCN7JGJsb2NrfV9waW5fY2lyY2xlLWNsZWFyLCAkc2VsZWN0b3IsICRhcHBlbmQpfSB7XG4gICAgICAgICAgICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAxMDBweDtcbiAgICAgICAgICAgIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDEwMHB4O1xuICAgICAgICAgICAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiAwO1xuICAgICAgICAgICAgYm9yZGVyLWlubGluZS1lbmQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICBAYXQtcm9vdCAje2dldC1waW4tc2VsZWN0b3IoI3skYmxvY2t9X3Bpbl9jbGVhci1jaXJjbGUsICRzZWxlY3RvciwgJGFwcGVuZCl9IHtcbiAgICAgICAgICAgIGJvcmRlci1zdGFydC1zdGFydC1yYWRpdXM6IDA7XG4gICAgICAgICAgICBib3JkZXItc3RhcnQtZW5kLXJhZGl1czogMTAwcHg7XG4gICAgICAgICAgICBib3JkZXItZW5kLXN0YXJ0LXJhZGl1czogMDtcbiAgICAgICAgICAgIGJvcmRlci1lbmQtZW5kLXJhZGl1czogMTAwcHg7XG4gICAgICAgICAgICBib3JkZXItaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICB9XG4gICAgfVxufVxuXG4vLyBUeXBvZ3JhcGh5XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LWZhbWlseTogdmFyKC0tZy10ZXh0LWJvZHktZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTIoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtYm9keS0zKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtYm9keS1mb250LWZhbWlseSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTMtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMy1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktc2hvcnQoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1jYXB0aW9uLTEoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1jYXB0aW9uLWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWNhcHRpb24tZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtY2FwdGlvbi0xLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtY2FwdGlvbi0yKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtY2FwdGlvbi1mb250LWZhbWlseSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1jYXB0aW9uLWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWNhcHRpb24tMi1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiB0ZXh0LWhlYWRlci0xKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtaGVhZGVyLWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWhlYWRlci1mb250LXdlaWdodCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWhlYWRlci0xLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtaGVhZGVyLTIoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1oZWFkZXItZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtaGVhZGVyLWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtaGVhZGVyLTItbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1zdWJoZWFkZXItMSgpIHtcbiAgICBmb250LWZhbWlseTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci1mb250LWZhbWlseSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiB0ZXh0LXN1YmhlYWRlci0yKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci1mb250LXdlaWdodCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtc3ViaGVhZGVyLTMoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTMtbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1kaXNwbGF5LTEoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1kaXNwbGF5LWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWRpc3BsYXktZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWRpc3BsYXktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtZGlzcGxheS0xLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtZGlzcGxheS0yKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtZGlzcGxheS1mb250LWZhbWlseSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1kaXNwbGF5LWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWRpc3BsYXktMi1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiB0ZXh0LWRpc3BsYXktMygpIHtcbiAgICBmb250LWZhbWlseTogdmFyKC0tZy10ZXh0LWRpc3BsYXktZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtZGlzcGxheS1mb250LXdlaWdodCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtZGlzcGxheS0zLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1kaXNwbGF5LTMtbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1kaXNwbGF5LTQoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1kaXNwbGF5LWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWRpc3BsYXktZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWRpc3BsYXktNC1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtZGlzcGxheS00LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtY29kZS0xKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtY29kZS1mb250LWZhbWlseSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1jb2RlLWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWNvZGUtMS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiB0ZXh0LWNvZGUtMigpIHtcbiAgICBmb250LWZhbWlseTogdmFyKC0tZy10ZXh0LWNvZGUtZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtY29kZS1mb250LXdlaWdodCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtY29kZS0yLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1jb2RlLTItbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1jb2RlLTMoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1jb2RlLWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWNvZGUtZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWNvZGUtMy1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtY29kZS0zLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtY29kZS1pbmxpbmUtMSgpIHtcbiAgICBmb250LWZhbWlseTogdmFyKC0tZy10ZXh0LWNvZGUtZm9udC1mYW1pbHkpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtY29kZS1mb250LXdlaWdodCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtY29kZS1pbmxpbmUtMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtY29kZS1pbmxpbmUtMS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiB0ZXh0LWNvZGUtaW5saW5lLTIoKSB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWctdGV4dC1jb2RlLWZvbnQtZmFtaWx5KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWNvZGUtZm9udC13ZWlnaHQpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWNvZGUtaW5saW5lLTItZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWNvZGUtaW5saW5lLTItbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gdGV4dC1jb2RlLWlubGluZS0zKCkge1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1nLXRleHQtY29kZS1mb250LWZhbWlseSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1jb2RlLWZvbnQtd2VpZ2h0KTtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1jb2RlLWlubGluZS0zLWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHRleHQtYWNjZW50KCkge1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYWNjZW50LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGxvYWRpbmcoJGxvYWRpbmctY29sb3ItMTogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpLCAkbG9hZGluZy1jb2xvci0yOiB0cmFuc3BhcmVudCkge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQoXG4gICAgICAgIC00NWRlZyxcbiAgICAgICAgJGxvYWRpbmctY29sb3ItMSxcbiAgICAgICAgJGxvYWRpbmctY29sb3ItMSA0cHgsXG4gICAgICAgICRsb2FkaW5nLWNvbG9yLTIgNHB4LFxuICAgICAgICAkbG9hZGluZy1jb2xvci0yIDhweFxuICAgICk7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxNTAlO1xuICAgIGJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7XG5cbiAgICAvLyBzdHlsZWxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1hbmltYXRpb25zXG4gICAgYW5pbWF0aW9uOiBnLWxvYWRpbmctYW5pbWF0aW9uIDAuNXMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICAgICAgYW5pbWF0aW9uOiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIHNjcm9sbGJhcigpIHtcbiAgICAmOjotd2Via2l0LXNjcm9sbGJhcixcbiAgICAqOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIHdpZHRoOiB2YXIoLS1nLXNjcm9sbGJhci13aWR0aCk7XG4gICAgICAgIGhlaWdodDogdmFyKC0tZy1zY3JvbGxiYXItd2lkdGgpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLXNjcm9sbC10cmFjayk7XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2ssXG4gICAgKjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLXNjcm9sbC10cmFjayk7XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXItY29ybmVyLFxuICAgICo6Oi13ZWJraXQtc2Nyb2xsYmFyLWNvcm5lciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3Itc2Nyb2xsLWNvcm5lcik7XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIsXG4gICAgKjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLXNjcm9sbC1oYW5kbGUpO1xuICAgIH1cblxuICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyLFxuICAgICo6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1zY3JvbGwtaGFuZGxlLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1cy1vdXRsaW5lKCkge1xuICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xufVxuIl19 */", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n", "@use 'sass:list';\n@use 'sass:selector';\n\n@mixin overflow-ellipsis($type: ellipsis) {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: $type;\n}\n\n@mixin button-reset() {\n    padding: 0;\n\n    font-family: var(--g-text-body-font-family);\n    font-size: inherit;\n    font-weight: var(--g-text-body-font-weight);\n\n    color: inherit;\n    background: none;\n    border: none;\n    outline: none;\n    cursor: pointer;\n}\n\n@mixin link-reset() {\n    color: inherit;\n    text-decoration: inherit;\n}\n\n@mixin expand-interactive-area($h: 4px, $v: $h) {\n    position: relative;\n\n    &::after {\n        content: '';\n        position: absolute;\n        inset: logical (-$v) (-$h);\n    }\n}\n\n@mixin max-height($height) {\n    max-height: $height;\n    overflow-y: auto;\n}\n\n@mixin max-text-width($width: 100%) {\n    @include overflow-ellipsis();\n\n    max-width: $width;\n}\n\n@mixin aspect-ratio($ratio) {\n    position: relative;\n\n    &::before {\n        display: block;\n        content: '';\n        width: 100%;\n        padding-block-start: $ratio * 100%;\n    }\n\n    > *:only-child {\n        position: absolute;\n        inset: 0;\n    }\n}\n\n@function get-pin-selector($mod, $selector, $append: true) {\n    @if $append {\n        @return selector.append($mod, $selector);\n    } @else {\n        @return list.join($mod, $selector, $separator: space);\n    }\n}\n\n@mixin pin($block, $selectors, $radius, $append: true) {\n    @each $selector in $selectors {\n        @at-root #{get-pin-selector(#{$block}_pin_round-round, $selector, $append)} {\n            border-radius: $radius;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-brick, $selector, $append)} {\n            border-radius: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-clear, $selector, $append)} {\n            border-radius: 0;\n            border-inline: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_circle-circle, $selector, $append)} {\n            border-radius: 100px;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_round-brick, $selector, $append)} {\n            border-start-start-radius: $radius;\n            border-start-end-radius: 0;\n            border-end-start-radius: $radius;\n            border-end-end-radius: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-round, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: $radius;\n            border-end-start-radius: 0;\n            border-end-end-radius: $radius;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_round-clear, $selector, $append)} {\n            border-start-start-radius: $radius;\n            border-start-end-radius: 0;\n            border-end-start-radius: $radius;\n            border-end-end-radius: 0;\n            border-inline-end: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-round, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: $radius;\n            border-end-start-radius: 0;\n            border-end-end-radius: $radius;\n            border-inline-start: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-clear, $selector, $append)} {\n            border-radius: 0;\n            border-inline-end: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-brick, $selector, $append)} {\n            border-radius: 0;\n            border-inline-start: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_circle-brick, $selector, $append)} {\n            border-start-start-radius: 100px;\n            border-start-end-radius: 0;\n            border-end-start-radius: 100px;\n            border-end-end-radius: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_brick-circle, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: 100px;\n            border-end-start-radius: 0;\n            border-end-end-radius: 100px;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_circle-clear, $selector, $append)} {\n            border-start-start-radius: 100px;\n            border-start-end-radius: 0;\n            border-end-start-radius: 100px;\n            border-end-end-radius: 0;\n            border-inline-end: 0;\n        }\n\n        @at-root #{get-pin-selector(#{$block}_pin_clear-circle, $selector, $append)} {\n            border-start-start-radius: 0;\n            border-start-end-radius: 100px;\n            border-end-start-radius: 0;\n            border-end-end-radius: 100px;\n            border-inline-start: 0;\n        }\n    }\n}\n\n// Typography\n\n@mixin text-body-1() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n}\n\n@mixin text-body-2() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-2-font-size);\n    line-height: var(--g-text-body-2-line-height);\n}\n\n@mixin text-body-3() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-3-font-size);\n    line-height: var(--g-text-body-3-line-height);\n}\n\n@mixin text-body-short() {\n    font-family: var(--g-text-body-font-family);\n    font-weight: var(--g-text-body-font-weight);\n    font-size: var(--g-text-body-short-font-size);\n    line-height: var(--g-text-body-short-line-height);\n}\n\n@mixin text-caption-1() {\n    font-family: var(--g-text-caption-font-family);\n    font-weight: var(--g-text-caption-font-weight);\n    font-size: var(--g-text-caption-1-font-size);\n    line-height: var(--g-text-caption-1-line-height);\n}\n\n@mixin text-caption-2() {\n    font-family: var(--g-text-caption-font-family);\n    font-weight: var(--g-text-caption-font-weight);\n    font-size: var(--g-text-caption-2-font-size);\n    line-height: var(--g-text-caption-2-line-height);\n}\n\n@mixin text-header-1() {\n    font-family: var(--g-text-header-font-family);\n    font-weight: var(--g-text-header-font-weight);\n    font-size: var(--g-text-header-1-font-size);\n    line-height: var(--g-text-header-1-line-height);\n}\n\n@mixin text-header-2() {\n    font-family: var(--g-text-header-font-family);\n    font-weight: var(--g-text-header-font-weight);\n    font-size: var(--g-text-header-2-font-size);\n    line-height: var(--g-text-header-2-line-height);\n}\n\n@mixin text-subheader-1() {\n    font-family: var(--g-text-subheader-font-family);\n    font-weight: var(--g-text-subheader-font-weight);\n    font-size: var(--g-text-subheader-1-font-size);\n    line-height: var(--g-text-subheader-1-line-height);\n}\n\n@mixin text-subheader-2() {\n    font-family: var(--g-text-subheader-font-family);\n    font-weight: var(--g-text-subheader-font-weight);\n    font-size: var(--g-text-subheader-2-font-size);\n    line-height: var(--g-text-subheader-2-line-height);\n}\n\n@mixin text-subheader-3() {\n    font-family: var(--g-text-subheader-font-family);\n    font-weight: var(--g-text-subheader-font-weight);\n    font-size: var(--g-text-subheader-3-font-size);\n    line-height: var(--g-text-subheader-3-line-height);\n}\n\n@mixin text-display-1() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-1-font-size);\n    line-height: var(--g-text-display-1-line-height);\n}\n\n@mixin text-display-2() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-2-font-size);\n    line-height: var(--g-text-display-2-line-height);\n}\n\n@mixin text-display-3() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-3-font-size);\n    line-height: var(--g-text-display-3-line-height);\n}\n\n@mixin text-display-4() {\n    font-family: var(--g-text-display-font-family);\n    font-weight: var(--g-text-display-font-weight);\n    font-size: var(--g-text-display-4-font-size);\n    line-height: var(--g-text-display-4-line-height);\n}\n\n@mixin text-code-1() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-1-font-size);\n    line-height: var(--g-text-code-1-line-height);\n}\n\n@mixin text-code-2() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-2-font-size);\n    line-height: var(--g-text-code-2-line-height);\n}\n\n@mixin text-code-3() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-3-font-size);\n    line-height: var(--g-text-code-3-line-height);\n}\n\n@mixin text-code-inline-1() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-inline-1-font-size);\n    line-height: var(--g-text-code-inline-1-line-height);\n}\n\n@mixin text-code-inline-2() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-inline-2-font-size);\n    line-height: var(--g-text-code-inline-2-line-height);\n}\n\n@mixin text-code-inline-3() {\n    font-family: var(--g-text-code-font-family);\n    font-weight: var(--g-text-code-font-weight);\n    font-size: var(--g-text-code-inline-3-font-size);\n    line-height: var(--g-text-code-inline-3-line-height);\n}\n\n@mixin text-accent() {\n    font-weight: var(--g-text-accent-font-weight);\n}\n\n@mixin loading($loading-color-1: rgba(255, 255, 255, 0.3), $loading-color-2: transparent) {\n    background-image: repeating-linear-gradient(\n        -45deg,\n        $loading-color-1,\n        $loading-color-1 4px,\n        $loading-color-2 4px,\n        $loading-color-2 8px\n    );\n    background-size: 150%;\n    background-clip: padding-box;\n\n    // stylelint-disable-next-line no-unknown-animations\n    animation: g-loading-animation 0.5s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n        animation: none;\n    }\n}\n\n@mixin scrollbar() {\n    &::-webkit-scrollbar,\n    *::-webkit-scrollbar {\n        width: var(--g-scrollbar-width);\n        height: var(--g-scrollbar-width);\n        background: var(--g-color-scroll-track);\n    }\n\n    &::-webkit-scrollbar-track,\n    *::-webkit-scrollbar-track {\n        background: var(--g-color-scroll-track);\n    }\n\n    &::-webkit-scrollbar-corner,\n    *::-webkit-scrollbar-corner {\n        background: var(--g-color-scroll-corner);\n    }\n\n    &::-webkit-scrollbar-thumb,\n    *::-webkit-scrollbar-thumb {\n        background: var(--g-color-scroll-handle);\n    }\n\n    &::-webkit-scrollbar-thumb:hover,\n    *::-webkit-scrollbar-thumb:hover {\n        background: var(--g-color-scroll-handle-hover);\n    }\n}\n\n@mixin focus-outline() {\n    outline: 2px solid var(--g-color-line-focus);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build/cjs/components/DocLayout/DocLayout.d.ts CHANGED Viewed

@@ -19,6 +19,8 @@ export interface DocLayoutProps {
     footer?: React.ReactNode;
     singlePage?: boolean;
     legacyToc?: boolean;
+    tocCollapsed?: boolean;
+    onChangeTocCollapsed?: (value: boolean) => void;
     onChangeSinglePage?: (value: boolean) => void;
     pdfLink?: string;
     pdfIconConfig?: {

package/build/cjs/components/DocLayout/DocLayout.js CHANGED Viewed

@@ -53,6 +53,7 @@ module.exports = __toCommonJS(DocLayout_exports);
 var import_react = __toESM(require("react"));
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
 var import_utils = require("../../utils");
+var import_hooks = require("../../hooks");
 var import_Toc = require("../Toc");
 var import_useInterface = require("../../hooks/useInterface");
 var import_DocLayout = require("./DocLayout.css");
@@ -61,6 +62,34 @@ var b = (0, import_bem_cn_lite.default)("dc-doc-layout");
 var Left = () => null;
 var Center = () => null;
 var Right = () => null;
+var TocCollapseButton = ({ collapsed, controls, onChange }) => {
+  const { t } = (0, import_hooks.useTranslation)("controls");
+  const title = collapsed ? t("expand-toc-text") : t("collapse-toc-text");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className: b("toc-collapse-button", { collapsed }),
+      title,
+      "aria-label": title,
+      "aria-controls": controls,
+      "aria-expanded": !collapsed,
+      onClick: () => onChange(!collapsed),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "svg",
+        {
+          className: b("toc-collapse-button-icon"),
+          width: "16",
+          height: "10",
+          viewBox: "0 0 8 8",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45Z" })
+        }
+      )
+    }
+  );
+};
 var DocLayout = ({
   children,
   className,
@@ -70,11 +99,13 @@ var DocLayout = ({
   loading = false,
   footer = null,
   legacyToc = false,
+  tocCollapsed = false,
   toc,
   router,
   headerHeight,
   tocTitleIcon,
   hideToc,
+  onChangeTocCollapsed,
   singlePage,
   onChangeSinglePage,
   pdfLink,
@@ -83,6 +114,9 @@ var DocLayout = ({
 }) => {
   const isTocHidden = (0, import_useInterface.useInterface)("toc");
   const isTocHeaderHidden = (0, import_useInterface.useInterface)("toc-header");
+  const tocId = import_react.default.useId();
+  const tocCollapsible = Boolean(toc && !hideToc && !legacyToc && onChangeTocCollapsed);
+  const isTocCollapsed = tocCollapsible && tocCollapsed;
   let left, center, right;
   const modes = {
     "regular-page-width": !wideFormat,
@@ -108,23 +142,53 @@ var DocLayout = ({
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: b(null, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("mobile-only"), children: footer }),
-    fullScreen ? null : !isTocHidden && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: b("left", modes, legacyToc ? b("legacy-toc") : void 0), children: [
-      toc && !hideToc && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("toc"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_Toc.Toc,
-        __spreadProps(__spreadValues({}, toc), {
-          router,
-          headerHeight,
-          tocTitleIcon,
-          hideTocHeader: hideTocHeader || isTocHeaderHidden,
-          singlePage,
-          onChangeSinglePage,
-          pdfLink,
-          pdfIconConfig
-        }),
-        (0, import_utils.getStateKey)(hideRight, wideFormat, toc.singlePage)
-      ) }),
-      left
-    ] }),
+    fullScreen ? null : !isTocHidden && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: b(
+          "left",
+          __spreadProps(__spreadValues({}, modes), { "toc-collapsed": isTocCollapsed }),
+          legacyToc ? b("legacy-toc") : void 0
+        ),
+        children: [
+          toc && !hideToc && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: b("toc", {
+                collapsible: tocCollapsible,
+                "toc-collapsed": isTocCollapsed
+              }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_Toc.Toc,
+                  __spreadProps(__spreadValues({}, toc), {
+                    id: tocId,
+                    router,
+                    headerHeight,
+                    tocTitleIcon,
+                    hideTocHeader: hideTocHeader || isTocHeaderHidden,
+                    singlePage,
+                    onChangeSinglePage,
+                    pdfLink,
+                    pdfIconConfig
+                  }),
+                  (0, import_utils.getStateKey)(hideRight, wideFormat, toc.singlePage)
+                ),
+                tocCollapsible && onChangeTocCollapsed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  TocCollapseButton,
+                  {
+                    collapsed: isTocCollapsed,
+                    controls: tocId,
+                    onChange: onChangeTocCollapsed
+                  }
+                )
+              ]
+            }
+          ),
+          left
+        ]
+      }
+    ),
     fullScreen || hideRight ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("right", modes), children: right }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: b("center", modes), children: [
       center,

package/build/cjs/components/DocLayout/DocLayout.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/DocLayout/DocLayout.tsx"],
-  "sourcesContent": ["import type {PropsWithChildren, ReactElement} from 'react';\nimport type {Router, TocData} from '../../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {getStateKey} from '../../utils';\nimport {Toc} from '../Toc';\nimport {useInterface} from '../../hooks/useInterface';\n\nimport './DocLayout.scss';\n\nconst b = block('dc-doc-layout');\n\ntype DocLayoutReactElement = ReactElement<PropsWithChildren, React.FC>;\n\nconst Left: React.FC<PropsWithChildren> = () => null;\nconst Center: React.FC<PropsWithChildren> = () => null;\nconst Right: React.FC<PropsWithChildren> = () => null;\n\nexport interface DocLayoutProps {\n    toc: TocData;\n    router: Router;\n    children: (DocLayoutReactElement | null)[] | DocLayoutReactElement;\n    fullScreen?: boolean;\n    hideRight?: boolean;\n    wideFormat?: boolean;\n    headerHeight?: number;\n    tocTitleIcon?: React.ReactNode;\n    hideTocHeader?: boolean;\n    hideToc?: boolean;\n    className?: string;\n    loading?: boolean;\n    footer?: React.ReactNode;\n    singlePage?: boolean;\n    legacyToc?: boolean;\n    onChangeSinglePage?: (value: boolean) => void;\n    pdfLink?: string;\n    pdfIconConfig?: {position?: string; size?: 'S' | 'M' | 'L'; icon?: string};\n}\n\ntype DocLayoutStatic = {\n    Left: React.FC<PropsWithChildren>;\n    Center: React.FC<PropsWithChildren>;\n    Right: React.FC<PropsWithChildren>;\n};\n\nexport const DocLayout: React.FC<DocLayoutProps> & DocLayoutStatic = ({\n    children,\n    className,\n    fullScreen = false,\n    wideFormat = false,\n    hideRight = false,\n    loading = false,\n    footer = null,\n    legacyToc = false,\n    toc,\n    router,\n    headerHeight,\n    tocTitleIcon,\n    hideToc,\n    singlePage,\n    onChangeSinglePage,\n    pdfLink,\n    pdfIconConfig,\n    hideTocHeader,\n}) => {\n    const isTocHidden = useInterface('toc');\n    const isTocHeaderHidden = useInterface('toc-header');\n\n    let left, center, right;\n    const modes = {\n        'regular-page-width': !wideFormat,\n        'full-screen': fullScreen,\n        'hidden-right': hideRight,\n        loading: loading,\n    };\n\n    React.Children.forEach(children, (child) => {\n        if (!child) {\n            return;\n        }\n\n        switch (child.type) {\n            case Left:\n                left = child.props.children;\n                break;\n            case Center:\n                center = child.props.children;\n                break;\n            case Right:\n                right = child.props.children;\n                break;\n        }\n    });\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('mobile-only')}>{footer}</div>\n            {fullScreen\n                ? null\n                : !isTocHidden && (\n                      <div className={b('left', modes, legacyToc ? b('legacy-toc') : undefined)}>\n                          {toc && !hideToc && (\n                              <div className={b('toc')}>\n                                  <Toc\n                                      key={getStateKey(hideRight, wideFormat, toc.singlePage)}\n                                      {...toc}\n                                      router={router}\n                                      headerHeight={headerHeight}\n                                      tocTitleIcon={tocTitleIcon}\n                                      hideTocHeader={hideTocHeader || isTocHeaderHidden}\n                                      singlePage={singlePage}\n                                      onChangeSinglePage={onChangeSinglePage}\n                                      pdfLink={pdfLink}\n                                      pdfIconConfig={pdfIconConfig}\n                                  />\n                              </div>\n                          )}\n                          {left}\n                      </div>\n                  )}\n            {fullScreen || hideRight ? null : <div className={b('right', modes)}>{right}</div>}\n            <div className={b('center', modes)}>\n                {center}\n                <div className={b('desktop-only')}>{footer}</div>\n            </div>\n        </div>\n    );\n};\n\nDocLayout.Left = Left;\nDocLayout.Center = Center;\nDocLayout.Right = Right;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAkB;AAClB,yBAAkB;AAElB,mBAA0B;AAC1B,iBAAkB;AAClB,0BAA2B;AAE3B,uBAAO;AAwFK;AAtFZ,IAAM,QAAI,mBAAAA,SAAM,eAAe;AAI/B,IAAM,OAAoC,MAAM;AAChD,IAAM,SAAsC,MAAM;AAClD,IAAM,QAAqC,MAAM;AA6B1C,IAAM,YAAwD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,kBAAc,kCAAa,KAAK;AACtC,QAAM,wBAAoB,kCAAa,YAAY;AAEnD,MAAI,MAAM,QAAQ;AAClB,QAAM,QAAQ;AAAA,IACV,sBAAsB,CAAC;AAAA,IACvB,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB;AAAA,EACJ;AAEA,eAAAC,QAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AACxC,QAAI,CAAC,OAAO;AACR;AAAA,IACJ;AAEA,YAAQ,MAAM,MAAM;AAAA,MAChB,KAAK;AACD,eAAO,MAAM,MAAM;AACnB;AAAA,MACJ,KAAK;AACD,iBAAS,MAAM,MAAM;AACrB;AAAA,MACJ,KAAK;AACD,gBAAQ,MAAM,MAAM;AACpB;AAAA,IACR;AAAA,EACJ,CAAC;AAED,SACI,6CAAC,SAAI,WAAW,EAAE,MAAM,SAAS,GAC7B;AAAA,gDAAC,SAAI,WAAW,EAAE,aAAa,GAAI,kBAAO;AAAA,IACzC,aACK,OACA,CAAC,eACG,6CAAC,SAAI,WAAW,EAAE,QAAQ,OAAO,YAAY,EAAE,YAAY,IAAI,MAAS,GACnE;AAAA,aAAO,CAAC,WACL,4CAAC,SAAI,WAAW,EAAE,KAAK,GACnB;AAAA,QAAC;AAAA,yCAEO,MAFP;AAAA,UAGG;AAAA,UACA;AAAA,UACA;AAAA,UACA,eAAe,iBAAiB;AAAA,UAChC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,YATK,0BAAY,WAAW,YAAY,IAAI,UAAU;AAAA,MAU1D,GACJ;AAAA,MAEH;AAAA,OACL;AAAA,IAET,cAAc,YAAY,OAAO,4CAAC,SAAI,WAAW,EAAE,SAAS,KAAK,GAAI,iBAAM;AAAA,IAC5E,6CAAC,SAAI,WAAW,EAAE,UAAU,KAAK,GAC5B;AAAA;AAAA,MACD,4CAAC,SAAI,WAAW,EAAE,cAAc,GAAI,kBAAO;AAAA,OAC/C;AAAA,KACJ;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,SAAS;AACnB,UAAU,QAAQ;",
+  "sourcesContent": ["import type {PropsWithChildren, ReactElement} from 'react';\nimport type {Router, TocData} from '../../models';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {getStateKey} from '../../utils';\nimport {useTranslation} from '../../hooks';\nimport {Toc} from '../Toc';\nimport {useInterface} from '../../hooks/useInterface';\n\nimport './DocLayout.scss';\n\nconst b = block('dc-doc-layout');\n\ntype DocLayoutReactElement = ReactElement<PropsWithChildren, React.FC>;\n\nconst Left: React.FC<PropsWithChildren> = () => null;\nconst Center: React.FC<PropsWithChildren> = () => null;\nconst Right: React.FC<PropsWithChildren> = () => null;\n\nexport interface DocLayoutProps {\n    toc: TocData;\n    router: Router;\n    children: (DocLayoutReactElement | null)[] | DocLayoutReactElement;\n    fullScreen?: boolean;\n    hideRight?: boolean;\n    wideFormat?: boolean;\n    headerHeight?: number;\n    tocTitleIcon?: React.ReactNode;\n    hideTocHeader?: boolean;\n    hideToc?: boolean;\n    className?: string;\n    loading?: boolean;\n    footer?: React.ReactNode;\n    singlePage?: boolean;\n    legacyToc?: boolean;\n    tocCollapsed?: boolean;\n    onChangeTocCollapsed?: (value: boolean) => void;\n    onChangeSinglePage?: (value: boolean) => void;\n    pdfLink?: string;\n    pdfIconConfig?: {position?: string; size?: 'S' | 'M' | 'L'; icon?: string};\n}\n\ntype DocLayoutStatic = {\n    Left: React.FC<PropsWithChildren>;\n    Center: React.FC<PropsWithChildren>;\n    Right: React.FC<PropsWithChildren>;\n};\n\ninterface TocCollapseButtonProps {\n    collapsed: boolean;\n    controls: string;\n    onChange: (value: boolean) => void;\n}\n\nconst TocCollapseButton: React.FC<TocCollapseButtonProps> = ({collapsed, controls, onChange}) => {\n    const {t} = useTranslation('controls');\n    const title = collapsed ? t('expand-toc-text') : t('collapse-toc-text');\n\n    return (\n        <button\n            type=\"button\"\n            className={b('toc-collapse-button', {collapsed})}\n            title={title}\n            aria-label={title}\n            aria-controls={controls}\n            aria-expanded={!collapsed}\n            onClick={() => onChange(!collapsed)}\n        >\n            <svg\n                className={b('toc-collapse-button-icon')}\n                width=\"16\"\n                height=\"10\"\n                viewBox=\"0 0 8 8\"\n                fill=\"currentColor\"\n                aria-hidden=\"true\"\n            >\n                <path d=\"m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45Z\" />\n            </svg>\n        </button>\n    );\n};\n\nexport const DocLayout: React.FC<DocLayoutProps> & DocLayoutStatic = ({\n    children,\n    className,\n    fullScreen = false,\n    wideFormat = false,\n    hideRight = false,\n    loading = false,\n    footer = null,\n    legacyToc = false,\n    tocCollapsed = false,\n    toc,\n    router,\n    headerHeight,\n    tocTitleIcon,\n    hideToc,\n    onChangeTocCollapsed,\n    singlePage,\n    onChangeSinglePage,\n    pdfLink,\n    pdfIconConfig,\n    hideTocHeader,\n}) => {\n    const isTocHidden = useInterface('toc');\n    const isTocHeaderHidden = useInterface('toc-header');\n    const tocId = React.useId();\n    const tocCollapsible = Boolean(toc && !hideToc && !legacyToc && onChangeTocCollapsed);\n    const isTocCollapsed = tocCollapsible && tocCollapsed;\n\n    let left, center, right;\n    const modes = {\n        'regular-page-width': !wideFormat,\n        'full-screen': fullScreen,\n        'hidden-right': hideRight,\n        loading: loading,\n    };\n\n    React.Children.forEach(children, (child) => {\n        if (!child) {\n            return;\n        }\n\n        switch (child.type) {\n            case Left:\n                left = child.props.children;\n                break;\n            case Center:\n                center = child.props.children;\n                break;\n            case Right:\n                right = child.props.children;\n                break;\n        }\n    });\n\n    return (\n        <div className={b(null, className)}>\n            <div className={b('mobile-only')}>{footer}</div>\n            {fullScreen\n                ? null\n                : !isTocHidden && (\n                      <div\n                          className={b(\n                              'left',\n                              {...modes, 'toc-collapsed': isTocCollapsed},\n                              legacyToc ? b('legacy-toc') : undefined,\n                          )}\n                      >\n                          {toc && !hideToc && (\n                              <div\n                                  className={b('toc', {\n                                      collapsible: tocCollapsible,\n                                      'toc-collapsed': isTocCollapsed,\n                                  })}\n                              >\n                                  <Toc\n                                      key={getStateKey(hideRight, wideFormat, toc.singlePage)}\n                                      {...toc}\n                                      id={tocId}\n                                      router={router}\n                                      headerHeight={headerHeight}\n                                      tocTitleIcon={tocTitleIcon}\n                                      hideTocHeader={hideTocHeader || isTocHeaderHidden}\n                                      singlePage={singlePage}\n                                      onChangeSinglePage={onChangeSinglePage}\n                                      pdfLink={pdfLink}\n                                      pdfIconConfig={pdfIconConfig}\n                                  />\n                                  {tocCollapsible && onChangeTocCollapsed && (\n                                      <TocCollapseButton\n                                          collapsed={isTocCollapsed}\n                                          controls={tocId}\n                                          onChange={onChangeTocCollapsed}\n                                      />\n                                  )}\n                              </div>\n                          )}\n                          {left}\n                      </div>\n                  )}\n            {fullScreen || hideRight ? null : <div className={b('right', modes)}>{right}</div>}\n            <div className={b('center', modes)}>\n                {center}\n                <div className={b('desktop-only')}>{footer}</div>\n            </div>\n        </div>\n    );\n};\n\nDocLayout.Left = Left;\nDocLayout.Center = Center;\nDocLayout.Right = Right;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAkB;AAClB,yBAAkB;AAElB,mBAA0B;AAC1B,mBAA6B;AAC7B,iBAAkB;AAClB,0BAA2B;AAE3B,uBAAO;AAmES;AAjEhB,IAAM,QAAI,mBAAAA,SAAM,eAAe;AAI/B,IAAM,OAAoC,MAAM;AAChD,IAAM,SAAsC,MAAM;AAClD,IAAM,QAAqC,MAAM;AAqCjD,IAAM,oBAAsD,CAAC,EAAC,WAAW,UAAU,SAAQ,MAAM;AAC7F,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,QAAQ,YAAY,EAAE,iBAAiB,IAAI,EAAE,mBAAmB;AAEtE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAW,EAAE,uBAAuB,EAAC,UAAS,CAAC;AAAA,MAC/C;AAAA,MACA,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe,CAAC;AAAA,MAChB,SAAS,MAAM,SAAS,CAAC,SAAS;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACG,WAAW,EAAE,0BAA0B;AAAA,UACvC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,eAAY;AAAA,UAEZ,sDAAC,UAAK,GAAE,sFAAqF;AAAA;AAAA,MACjG;AAAA;AAAA,EACJ;AAER;AAEO,IAAM,YAAwD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,kBAAc,kCAAa,KAAK;AACtC,QAAM,wBAAoB,kCAAa,YAAY;AACnD,QAAM,QAAQ,aAAAC,QAAM,MAAM;AAC1B,QAAM,iBAAiB,QAAQ,OAAO,CAAC,WAAW,CAAC,aAAa,oBAAoB;AACpF,QAAM,iBAAiB,kBAAkB;AAEzC,MAAI,MAAM,QAAQ;AAClB,QAAM,QAAQ;AAAA,IACV,sBAAsB,CAAC;AAAA,IACvB,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB;AAAA,EACJ;AAEA,eAAAA,QAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AACxC,QAAI,CAAC,OAAO;AACR;AAAA,IACJ;AAEA,YAAQ,MAAM,MAAM;AAAA,MAChB,KAAK;AACD,eAAO,MAAM,MAAM;AACnB;AAAA,MACJ,KAAK;AACD,iBAAS,MAAM,MAAM;AACrB;AAAA,MACJ,KAAK;AACD,gBAAQ,MAAM,MAAM;AACpB;AAAA,IACR;AAAA,EACJ,CAAC;AAED,SACI,6CAAC,SAAI,WAAW,EAAE,MAAM,SAAS,GAC7B;AAAA,gDAAC,SAAI,WAAW,EAAE,aAAa,GAAI,kBAAO;AAAA,IACzC,aACK,OACA,CAAC,eACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,iCAAI,QAAJ,EAAW,iBAAiB,eAAc;AAAA,UAC1C,YAAY,EAAE,YAAY,IAAI;AAAA,QAClC;AAAA,QAEC;AAAA,iBAAO,CAAC,WACL;AAAA,YAAC;AAAA;AAAA,cACG,WAAW,EAAE,OAAO;AAAA,gBAChB,aAAa;AAAA,gBACb,iBAAiB;AAAA,cACrB,CAAC;AAAA,cAED;AAAA;AAAA,kBAAC;AAAA,mDAEO,MAFP;AAAA,oBAGG,IAAI;AAAA,oBACJ;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,eAAe,iBAAiB;AAAA,oBAChC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA;AAAA,sBAVK,0BAAY,WAAW,YAAY,IAAI,UAAU;AAAA,gBAW1D;AAAA,gBACC,kBAAkB,wBACf;AAAA,kBAAC;AAAA;AAAA,oBACG,WAAW;AAAA,oBACX,UAAU;AAAA,oBACV,UAAU;AAAA;AAAA,gBACd;AAAA;AAAA;AAAA,UAER;AAAA,UAEH;AAAA;AAAA;AAAA,IACL;AAAA,IAET,cAAc,YAAY,OAAO,4CAAC,SAAI,WAAW,EAAE,SAAS,KAAK,GAAI,iBAAM;AAAA,IAC5E,6CAAC,SAAI,WAAW,EAAE,UAAU,KAAK,GAC5B;AAAA;AAAA,MACD,4CAAC,SAAI,WAAW,EAAE,cAAc,GAAI,kBAAO;AAAA,OAC/C;AAAA,KACJ;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,SAAS;AACnB,UAAU,QAAQ;",
   "names": ["block", "React"]
 }

package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/DocLeadingPage/DocLeadingPage.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/DocLeadingPage/%3Cinput css HWXqd9%3E", "../../../../src/styles/variables.scss"],
+  "sources": ["../../../../src/components/DocLeadingPage/DocLeadingPage.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/DocLeadingPage/%3Cinput css YU6sih%3E", "../../../../src/styles/variables.scss"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-doc-leading-page {\n    display: flex;\n    max-width: 1440px;\n\n    @include mixins.text-size(body-2);\n\n    &_regular-page-width {\n        max-width: 1280px;\n    }\n\n    &__main {\n        margin-bottom: 40px;\n        padding: 0 40px;\n    }\n\n    &__body {\n        @include mixins.text-size(body-2);\n\n        &_text-size {\n            &_s {\n                @include mixins.gravity-ui-text-sizes(-2px);\n            }\n\n            &_l {\n                @include mixins.gravity-ui-text-sizes(2px);\n            }\n        }\n    }\n\n    &__title {\n        margin: 40px 0 variables.$normalOffset;\n\n        @include mixins.text-size(display-2);\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            margin-top: 20px;\n        }\n    }\n\n    &__description {\n        a {\n            @include mixins.link();\n\n            &:not([href]) {\n                color: inherit;\n            }\n        }\n    }\n\n    &__links {\n        @include mixins.reset-list-style();\n\n        display: flex;\n        justify-content: space-between;\n        flex-flow: column wrap;\n\n        &_root {\n            flex-direction: row;\n            margin-top: 70px;\n            margin-bottom: -(variables.$blockMarginBottomLarge);\n        }\n    }\n\n    &__links-left {\n        padding-right: 10px;\n    }\n\n    &__links-item {\n        &_root {\n            display: flex;\n            min-width: 280px;\n            max-width: 400px;\n            width: calc(50% - 20px);\n            padding-top: 15px;\n            padding-bottom: 15px;\n            margin-bottom: variables.$blockMarginBottomLarge;\n            border-top: 1px solid var(--g-color-line-generic);\n        }\n    }\n\n    &__links-title {\n        &_root {\n            @include mixins.heading4();\n\n            margin-bottom: 10px;\n            font-weight: 500;\n        }\n    }\n\n    &__links-link {\n        @include mixins.link();\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        &__main {\n            margin-left: 0;\n            margin-bottom: 40px;\n            padding: 0 20px;\n        }\n\n        &__links-item {\n            width: 100%;\n        }\n    }\n}\n", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n", ".dc-doc-leading-page {\n  display: flex;\n  max-width: 1440px;\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n}\n.dc-doc-leading-page_regular-page-width {\n  max-width: 1280px;\n}\n.dc-doc-leading-page__main {\n  margin-bottom: 40px;\n  padding: 0 40px;\n}\n.dc-doc-leading-page__body {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n}\n.dc-doc-leading-page__body_text-size_s {\n  --g-text-body-1-font-size: 11px;\n  --g-text-body-1-line-height: 16px;\n  --g-text-body-2-font-size: 13px;\n  --g-text-body-2-line-height: 18px;\n  --g-text-body-3-font-size: 15px;\n  --g-text-body-3-line-height: 22px;\n  --g-text-body-short-font-size: 11px;\n  --g-text-caption-1-font-size: 7px;\n  --g-text-caption-2-font-size: 9px;\n  --g-text-header-1-font-size: 18px;\n  --g-text-header-2-font-size: 22px;\n  --g-text-subheader-1-font-size: 11px;\n  --g-text-subheader-2-font-size: 13px;\n  --g-text-subheader-3-font-size: 15px;\n  --g-text-display-1-font-size: 26px;\n  --g-text-display-2-font-size: 30px;\n  --g-text-display-3-font-size: 38px;\n  --g-text-display-4-font-size: 46px;\n  --g-text-code-1-font-size: 10px;\n  --g-text-code-2-font-size: 12px;\n  --g-text-code-3-font-size: 14px;\n  --g-text-code-inline-1-font-size: 10px;\n  --g-text-code-inline-2-font-size: 12px;\n  --g-text-code-inline-3-font-size: 14px;\n  --yfm-font-size: var(--g-text-body-2-font-size);\n  --yfm-font-line-height: var(--g-text-body-2-line-height);\n  --yfm-font-size-h2: var(--g-text-header-2-font-size);\n  --yfm-font-size-h3: var(--g-text-header-1-font-size);\n  --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n  --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n  --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n.dc-doc-leading-page__body_text-size_l {\n  --g-text-body-1-font-size: 15px;\n  --g-text-body-1-line-height: 20px;\n  --g-text-body-2-font-size: 17px;\n  --g-text-body-2-line-height: 22px;\n  --g-text-body-3-font-size: 19px;\n  --g-text-body-3-line-height: 26px;\n  --g-text-body-short-font-size: 15px;\n  --g-text-caption-1-font-size: 11px;\n  --g-text-caption-2-font-size: 13px;\n  --g-text-header-1-font-size: 22px;\n  --g-text-header-2-font-size: 26px;\n  --g-text-subheader-1-font-size: 15px;\n  --g-text-subheader-2-font-size: 17px;\n  --g-text-subheader-3-font-size: 19px;\n  --g-text-display-1-font-size: 30px;\n  --g-text-display-2-font-size: 34px;\n  --g-text-display-3-font-size: 42px;\n  --g-text-display-4-font-size: 50px;\n  --g-text-code-1-font-size: 14px;\n  --g-text-code-2-font-size: 16px;\n  --g-text-code-3-font-size: 18px;\n  --g-text-code-inline-1-font-size: 14px;\n  --g-text-code-inline-2-font-size: 16px;\n  --g-text-code-inline-3-font-size: 18px;\n  --yfm-font-size: var(--g-text-body-2-font-size);\n  --yfm-font-line-height: var(--g-text-body-2-line-height);\n  --yfm-font-size-h2: var(--g-text-header-2-font-size);\n  --yfm-font-size-h3: var(--g-text-header-1-font-size);\n  --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n  --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n  --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n.dc-doc-leading-page__title {\n  margin: 40px 0 20px;\n  font-size: var(--g-text-display-2-font-size);\n  line-height: var(--g-text-display-2-line-height);\n}\n@media (max-width: 768px) {\n  .dc-doc-leading-page__title {\n    margin-top: 20px;\n  }\n}\n.dc-doc-leading-page__description a {\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: var(--g-focus-border-radius);\n  outline: none;\n}\n.utilityfocus .dc-doc-leading-page__description a:focus {\n  outline: 2px solid #ffdb4d;\n}\n.dc-doc-leading-page__description a:focus {\n  box-shadow: 0 0 0 2px var(--g-color-line-focus);\n  outline: 0;\n}\n.dc-doc-leading-page__description a:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n.dc-doc-leading-page__description a:hover, .dc-doc-leading-page__description a:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-doc-leading-page__description a:not([href]) {\n  color: inherit;\n}\n.dc-doc-leading-page__links {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  flex-flow: column wrap;\n}\n.dc-doc-leading-page__links_root {\n  flex-direction: row;\n  margin-top: 70px;\n  margin-bottom: -20px;\n}\n.dc-doc-leading-page__links-left {\n  padding-right: 10px;\n}\n.dc-doc-leading-page__links-item_root {\n  display: flex;\n  min-width: 280px;\n  max-width: 400px;\n  width: calc(50% - 20px);\n  padding-top: 15px;\n  padding-bottom: 15px;\n  margin-bottom: 20px;\n  border-top: 1px solid var(--g-color-line-generic);\n}\n.dc-doc-leading-page__links-title_root {\n  font-weight: 500;\n  font-size: var(--g-text-header-1-font-size);\n  line-height: var(--g-text-header-1-line-height);\n  margin-bottom: 10px;\n  font-weight: 500;\n}\n.dc-doc-leading-page__links-link {\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: var(--g-focus-border-radius);\n  outline: none;\n}\n.utilityfocus .dc-doc-leading-page__links-link:focus {\n  outline: 2px solid #ffdb4d;\n}\n.dc-doc-leading-page__links-link:focus {\n  box-shadow: 0 0 0 2px var(--g-color-line-focus);\n  outline: 0;\n}\n.dc-doc-leading-page__links-link:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n.dc-doc-leading-page__links-link:hover, .dc-doc-leading-page__links-link:active {\n  color: var(--g-color-text-link-hover);\n}\n@media (max-width: 768px) {\n  .dc-doc-leading-page__main {\n    margin-left: 0;\n    margin-bottom: 40px;\n    padding: 0 20px;\n  }\n  .dc-doc-leading-page__links-item {\n    width: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0RvY0xlYWRpbmdQYWdlIiwic291cmNlcyI6WyJEb2NMZWFkaW5nUGFnZS5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIiwiLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBO0VBQ0k7RUFDQTtFQ0ZBO0VBQ0E7O0FES0E7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUNmQTtFQUNBOztBRGtCUTtFQzZIUjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUR4SlE7RUN5SFI7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FEbEpBO0VBQ0k7RUM5Qko7RUFDQTs7QURpQ0k7RUFMSjtJQU1ROzs7QUFLSjtFQ1dKO0VBQ0E7RUFDQTtFQUNBO0VBakNBOztBQUVBO0VBQ0k7O0FBZ0JBO0VBQ0k7RUFDQTs7QUFFSjtFQUNJOztBQWVSO0VBRUk7O0FEbkJJO0VBQ0k7O0FBS1o7RUM1Q0E7RUFDQTtFQUNBO0VENkNJO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsZUV6RWE7RUYwRWI7O0FBS0o7RUNRSjtFQXpGQTtFQUNBO0VEbUZRO0VBQ0E7O0FBSVI7RUN0Q0E7RUFDQTtFQUNBO0VBQ0E7RUFqQ0E7O0FBRUE7RUFDSTs7QUFnQkE7RUFDSTtFQUNBOztBQUVKO0VBQ0k7O0FBZVI7RUFFSTs7QUQrQko7RUFDSTtJQUNJO0lBQ0E7SUFDQTs7RUFHSjtJQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWRvYy1sZWFkaW5nLXBhZ2Uge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWF4LXdpZHRoOiAxNDQwcHg7XG5cbiAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMik7XG5cbiAgICAmX3JlZ3VsYXItcGFnZS13aWR0aCB7XG4gICAgICAgIG1heC13aWR0aDogMTI4MHB4O1xuICAgIH1cblxuICAgICZfX21haW4ge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA0MHB4O1xuICAgICAgICBwYWRkaW5nOiAwIDQwcHg7XG4gICAgfVxuXG4gICAgJl9fYm9keSB7XG4gICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0yKTtcblxuICAgICAgICAmX3RleHQtc2l6ZSB7XG4gICAgICAgICAgICAmX3Mge1xuICAgICAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy5ncmF2aXR5LXVpLXRleHQtc2l6ZXMoLTJweCk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfbCB7XG4gICAgICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLmdyYXZpdHktdWktdGV4dC1zaXplcygycHgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBtYXJnaW46IDQwcHggMCB2YXJpYWJsZXMuJG5vcm1hbE9mZnNldDtcblxuICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGRpc3BsYXktMik7XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fZGVzY3JpcHRpb24ge1xuICAgICAgICBhIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy5saW5rKCk7XG5cbiAgICAgICAgICAgICY6bm90KFtocmVmXSkge1xuICAgICAgICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbGlua3Mge1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMucmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgZmxleC1mbG93OiBjb2x1bW4gd3JhcDtcblxuICAgICAgICAmX3Jvb3Qge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IDcwcHg7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtKHZhcmlhYmxlcy4kYmxvY2tNYXJnaW5Cb3R0b21MYXJnZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saW5rcy1sZWZ0IHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMTBweDtcbiAgICB9XG5cbiAgICAmX19saW5rcy1pdGVtIHtcbiAgICAgICAgJl9yb290IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBtaW4td2lkdGg6IDI4MHB4O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiA0MDBweDtcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDIwcHgpO1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IDE1cHg7XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTVweDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcmlhYmxlcy4kYmxvY2tNYXJnaW5Cb3R0b21MYXJnZTtcbiAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saW5rcy10aXRsZSB7XG4gICAgICAgICZfcm9vdCB7XG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMuaGVhZGluZzQoKTtcblxuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saW5rcy1saW5rIHtcbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLmxpbmsoKTtcbiAgICB9XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgJl9fbWFpbiB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDIwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX19saW5rcy1pdGVtIHtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAndmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGdyYXZpdHktdWktdGV4dC1zaXplcygkZGVsdGEpIHtcbiAgICAtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodDogI3sxOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTItZm9udC1zaXplOiAjezE1cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodDogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTMtZm9udC1zaXplOiAjezE3cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1saW5lLWhlaWdodDogI3syNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTEtZm9udC1zaXplOiAjezlweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY2FwdGlvbi0yLWZvbnQtc2l6ZTogI3sxMXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMS1mb250LXNpemU6ICN7MjBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtaGVhZGVyLTItZm9udC1zaXplOiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0xLWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTMtZm9udC1zaXplOiAjezE3cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMS1mb250LXNpemU6ICN7MjhweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0yLWZvbnQtc2l6ZTogI3szMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTMtZm9udC1zaXplOiAjezQwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktNC1mb250LXNpemU6ICN7NDhweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTItZm9udC1zaXplOiAjezE0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMy1mb250LXNpemU6ICN7MTZweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS1pbmxpbmUtMS1mb250LXNpemU6ICN7MTJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS1pbmxpbmUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS1pbmxpbmUtMy1mb250LXNpemU6ICN7MTZweCArICRkZWx0YX07XG5cbiAgICAtLXlmbS1mb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LWxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0KTtcbiAgICAtLXlmbS1mb250LXNpemUtaDI6IHZhcigtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMzogdmFyKC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg0OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTMtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDU6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNjogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0xLWZvbnQtc2l6ZSk7XG59XG4iLCIvLyBTaXplc1xuJGhlYWRlckhlaWdodDogMHB4O1xuJHN1YkhlYWRlckhlaWdodDogNDBweDtcbiRzdWJOYXZpZ2F0aW9uSGVpZ2h0OiA1MnB4O1xuJG5vcm1hbE9mZnNldDogMjBweDtcbiRtaW5pVG9jT2Zmc2V0OiA1NnB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTGFyZ2U6IDIwcHg7XG4kYmxvY2tNYXJnaW5Cb3R0b21NZWRpdW06IDE1cHg7XG4kaGVhZGVyTWFyZ2luVG9wTGFyZ2U6IDQwcHg7XG4kaGVhZGVyTWFyZ2luVG9wTWVkaXVtOiAzMnB4O1xuJHBvcHVwUGFkZGluZzogMTZweDtcbiRjZW50ZXJCbG9ja01heFdpZHRoOiA3MzZweDtcblxuLy8gTmF2aWdhdGlvblxuJHRvTWFpbk1lbnVWZXJ0aWNhbFBhZGRpbmc6IDRweDtcbiR0b01haW5NZW51SG9yaXpvbnRhbFBhZGRpbmc6IDEycHg7XG4kdG9NYWluTWVudUhlaWdodDogY2FsYyhcbiAgICB2YXIoLS1kYy1zdWJuYXZpZ2F0aW9uLWhlaWdodCwgJHN1Yk5hdmlnYXRpb25IZWlnaHQpIC0gI3skdG9NYWluTWVudVZlcnRpY2FsUGFkZGluZ30gLVxuICAgICAgICAjeyR0b01haW5NZW51VmVydGljYWxQYWRkaW5nfVxuKTtcblxuLy8gTWluaVRvY1xuJG1pbmlUb2NWZXJ0aWNhbFBhZGRpbmc6IDE2cHg7XG4kbWluaVRvY1RpdGxlSGVpZ2h0OiAyMHB4OyAvLyBsaW5lLWhlaWdodCBib2R5LTJcbiRtaW5pVG9jVGl0bGVNYXJnaW46IDEycHg7XG4kbW9iaWxlTWluaVRvY09mZnNldDogMiAqICRtaW5pVG9jVmVydGljYWxQYWRkaW5nICsgJG1pbmlUb2NUaXRsZUhlaWdodCArICRtaW5pVG9jVGl0bGVNYXJnaW47XG5cbi8vIE1vYmlsZUNvbnRyb2xzXG4kbW9iaWxlQ29udHJvbHNIZWlnaHQ6IDMycHg7XG4kbW9iaWxlQ29udHJvbHNUb3BQYWRkaW5nOiA4cHg7XG4kbW9iaWxlQ29udHJvbHNCb3R0b21QYWRkaW5nOiAxMnB4O1xuXG4kc2NyZWVuQnJlYWtwb2ludHM6IChcbiAgICAneHMnOiAzNzVweCxcbiAgICAnc20nOiA1NzdweCxcbiAgICAnbWQnOiA3NjlweCxcbiAgICAnbGcnOiAxMDgxcHgsXG4gICAgJ3hsJzogMTE4NXB4LFxuKTtcbiJdfQ== */", "// Sizes\n$headerHeight: 0px;\n$subHeaderHeight: 40px;\n$subNavigationHeight: 52px;\n$normalOffset: 20px;\n$miniTocOffset: 56px;\n$blockMarginBottomLarge: 20px;\n$blockMarginBottomMedium: 15px;\n$headerMarginTopLarge: 40px;\n$headerMarginTopMedium: 32px;\n$popupPadding: 16px;\n$centerBlockMaxWidth: 736px;\n\n// Navigation\n$toMainMenuVerticalPadding: 4px;\n$toMainMenuHorizontalPadding: 12px;\n$toMainMenuHeight: calc(\n    var(--dc-subnavigation-height, $subNavigationHeight) - #{$toMainMenuVerticalPadding} -\n        #{$toMainMenuVerticalPadding}\n);\n\n// MiniToc\n$miniTocVerticalPadding: 16px;\n$miniTocTitleHeight: 20px; // line-height body-2\n$miniTocTitleMargin: 12px;\n$mobileMiniTocOffset: 2 * $miniTocVerticalPadding + $miniTocTitleHeight + $miniTocTitleMargin;\n\n// MobileControls\n$mobileControlsHeight: 32px;\n$mobileControlsTopPadding: 8px;\n$mobileControlsBottomPadding: 12px;\n\n$screenBreakpoints: (\n    'xs': 375px,\n    'sm': 577px,\n    'md': 769px,\n    'lg': 1081px,\n    'xl': 1185px,\n);\n"],
   "mappings": "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",
   "names": []

package/build/cjs/components/DocLeadingPage/DocLeadingPage.d.ts CHANGED Viewed

@@ -13,6 +13,8 @@ export interface DocLeadingPageProps extends DocLeadingPageData, NotificationPro
     legacyToc?: boolean;
     isMobile?: boolean;
     fullScreen?: boolean;
+    tocCollapsed?: boolean;
+    onChangeTocCollapsed?: (value: boolean) => void;
     pdfLink?: string;
     textSize?: TextSizes;
 }

package/build/cjs/components/DocLeadingPage/DocLeadingPage.js CHANGED Viewed

@@ -113,6 +113,8 @@ var DocLeadingPage = ({
   notificationCb,
   isMobile,
   fullScreen,
+  tocCollapsed,
+  onChangeTocCollapsed,
   pdfLink,
   textSize
 }) => {
@@ -132,6 +134,8 @@ var DocLeadingPage = ({
       footer,
       legacyToc,
       fullScreen,
+      tocCollapsed,
+      onChangeTocCollapsed,
       pdfLink,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DocLayout.DocLayout.Center, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Notification.Notification, { notification, notificationCb }),

package/build/cjs/components/DocLeadingPage/DocLeadingPage.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/DocLeadingPage/DocLeadingPage.tsx"],
-  "sourcesContent": ["import type {DocLeadingLinks, DocLeadingPageData, Router, TextSizes} from '../../models';\nimport type {NotificationProps} from '../Notification';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {ContentWrapper} from '../ContentWrapper';\nimport {DocLayout} from '../DocLayout';\nimport {DocPageTitle} from '../DocPageTitle';\nimport {HTML} from '../HTML';\nimport {Text} from '../Text';\nimport {Notification} from '../Notification';\nimport {ShareButton} from '../ShareButton';\nimport {isExternalHref} from '../../utils';\n\nimport './DocLeadingPage.scss';\n\nconst b = block('dc-doc-leading-page');\n\nconst {wideFormat: defaultWideFormat} = DEFAULT_SETTINGS;\n\nexport interface DocLeadingPageProps extends DocLeadingPageData, NotificationProps {\n    router: Router;\n    headerHeight?: number;\n    wideFormat?: boolean;\n    hideTocHeader?: boolean;\n    hideToc?: boolean;\n    tocTitleIcon?: React.ReactNode;\n    useMainTag?: boolean;\n    legacyToc?: boolean;\n    isMobile?: boolean;\n    fullScreen?: boolean;\n    pdfLink?: string;\n    textSize?: TextSizes;\n}\n\nexport interface DocLinkProps {\n    data: DocLeadingLinks;\n    isRoot?: boolean;\n}\n\nconst renderLeft = (data: DocLeadingLinks, isRoot?: boolean) => {\n    const {imgSrc} = data;\n\n    if (!imgSrc || !isRoot) {\n        return null;\n    }\n\n    return (\n        <div className={b('links-left')}>\n            <img src={imgSrc} />\n        </div>\n    );\n};\n\nconst renderRight = (data: DocLeadingLinks, isRoot?: boolean) => {\n    const {title, description, href, target, links} = data;\n    let titleContent;\n\n    if (href) {\n        const linkTarget = target || (isExternalHref(href) ? '_blank' : '_self');\n\n        titleContent = (\n            <a\n                href={href}\n                target={linkTarget}\n                rel={linkTarget === '_blank' ? 'noopener noreferrer' : undefined}\n                className={b('links-link')}\n            >\n                {title}\n            </a>\n        );\n    } else {\n        titleContent = title;\n    }\n\n    if (isRoot) {\n        titleContent = <h2 className={b('links-title', {root: isRoot})}>{titleContent}</h2>;\n    } else {\n        titleContent = <div className={b('links-title')}>{titleContent}</div>;\n    }\n\n    return (\n        <div className={b('links-right')}>\n            {titleContent}\n            {description && isRoot ? <p className={b('links-description')}>{description}</p> : null}\n            {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n            <Links links={links} />\n        </div>\n    );\n};\n\nexport const Link: React.FC<DocLinkProps> = ({data, isRoot}) => {\n    return (\n        <li className={b('links-item', {root: isRoot})}>\n            {renderLeft(data, isRoot)}\n            {renderRight(data, isRoot)}\n        </li>\n    );\n};\n\nexport interface DocLinksProps {\n    links?: DocLeadingLinks[];\n    isRoot?: boolean;\n}\n\nexport const Links: React.FC<DocLinksProps> = ({links, isRoot}) => {\n    if (!links || !links.length) {\n        return null;\n    }\n\n    return (\n        <ul className={b('links', {root: isRoot})}>\n            {links.map((data, index) => (\n                <Link key={index} data={data} isRoot={isRoot} />\n            ))}\n        </ul>\n    );\n};\n\nexport const DocLeadingPage: React.FC<DocLeadingPageProps> = ({\n    data: {title, description, links},\n    toc,\n    router,\n    headerHeight,\n    wideFormat = defaultWideFormat,\n    hideTocHeader,\n    hideToc,\n    tocTitleIcon,\n    footer,\n    useMainTag,\n    legacyToc,\n    notification,\n    notificationCb,\n    isMobile,\n    fullScreen,\n    pdfLink,\n    textSize,\n}) => {\n    const modes = {\n        'regular-page-width': !wideFormat,\n    };\n\n    return (\n        <DocLayout\n            toc={toc}\n            router={router}\n            headerHeight={headerHeight}\n            className={b(modes)}\n            hideTocHeader={hideTocHeader}\n            hideToc={hideToc}\n            tocTitleIcon={tocTitleIcon}\n            footer={footer}\n            legacyToc={legacyToc}\n            fullScreen={fullScreen}\n            pdfLink={pdfLink}\n        >\n            <DocLayout.Center>\n                <Notification notification={notification} notificationCb={notificationCb} />\n                <ContentWrapper className={b('main')} useMainTag={useMainTag}>\n                    <DocPageTitle stage={toc?.stage} className={b('title')}>\n                        <HTML>{title}</HTML>\n                        {isMobile && <ShareButton className={b('share-button')} title={title} />}\n                    </DocPageTitle>\n                    <div className={b('description')}>\n                        <Text data={description} html block />\n                    </div>\n                    <div className={b('body', {'text-size': textSize})}>\n                        <Links links={links} isRoot />\n                    </div>\n                </ContentWrapper>\n            </DocLayout.Center>\n        </DocLayout>\n    );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {DocLeadingLinks, DocLeadingPageData, Router, TextSizes} from '../../models';\nimport type {NotificationProps} from '../Notification';\n\nimport React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {ContentWrapper} from '../ContentWrapper';\nimport {DocLayout} from '../DocLayout';\nimport {DocPageTitle} from '../DocPageTitle';\nimport {HTML} from '../HTML';\nimport {Text} from '../Text';\nimport {Notification} from '../Notification';\nimport {ShareButton} from '../ShareButton';\nimport {isExternalHref} from '../../utils';\n\nimport './DocLeadingPage.scss';\n\nconst b = block('dc-doc-leading-page');\n\nconst {wideFormat: defaultWideFormat} = DEFAULT_SETTINGS;\n\nexport interface DocLeadingPageProps extends DocLeadingPageData, NotificationProps {\n    router: Router;\n    headerHeight?: number;\n    wideFormat?: boolean;\n    hideTocHeader?: boolean;\n    hideToc?: boolean;\n    tocTitleIcon?: React.ReactNode;\n    useMainTag?: boolean;\n    legacyToc?: boolean;\n    isMobile?: boolean;\n    fullScreen?: boolean;\n    tocCollapsed?: boolean;\n    onChangeTocCollapsed?: (value: boolean) => void;\n    pdfLink?: string;\n    textSize?: TextSizes;\n}\n\nexport interface DocLinkProps {\n    data: DocLeadingLinks;\n    isRoot?: boolean;\n}\n\nconst renderLeft = (data: DocLeadingLinks, isRoot?: boolean) => {\n    const {imgSrc} = data;\n\n    if (!imgSrc || !isRoot) {\n        return null;\n    }\n\n    return (\n        <div className={b('links-left')}>\n            <img src={imgSrc} />\n        </div>\n    );\n};\n\nconst renderRight = (data: DocLeadingLinks, isRoot?: boolean) => {\n    const {title, description, href, target, links} = data;\n    let titleContent;\n\n    if (href) {\n        const linkTarget = target || (isExternalHref(href) ? '_blank' : '_self');\n\n        titleContent = (\n            <a\n                href={href}\n                target={linkTarget}\n                rel={linkTarget === '_blank' ? 'noopener noreferrer' : undefined}\n                className={b('links-link')}\n            >\n                {title}\n            </a>\n        );\n    } else {\n        titleContent = title;\n    }\n\n    if (isRoot) {\n        titleContent = <h2 className={b('links-title', {root: isRoot})}>{titleContent}</h2>;\n    } else {\n        titleContent = <div className={b('links-title')}>{titleContent}</div>;\n    }\n\n    return (\n        <div className={b('links-right')}>\n            {titleContent}\n            {description && isRoot ? <p className={b('links-description')}>{description}</p> : null}\n            {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n            <Links links={links} />\n        </div>\n    );\n};\n\nexport const Link: React.FC<DocLinkProps> = ({data, isRoot}) => {\n    return (\n        <li className={b('links-item', {root: isRoot})}>\n            {renderLeft(data, isRoot)}\n            {renderRight(data, isRoot)}\n        </li>\n    );\n};\n\nexport interface DocLinksProps {\n    links?: DocLeadingLinks[];\n    isRoot?: boolean;\n}\n\nexport const Links: React.FC<DocLinksProps> = ({links, isRoot}) => {\n    if (!links || !links.length) {\n        return null;\n    }\n\n    return (\n        <ul className={b('links', {root: isRoot})}>\n            {links.map((data, index) => (\n                <Link key={index} data={data} isRoot={isRoot} />\n            ))}\n        </ul>\n    );\n};\n\nexport const DocLeadingPage: React.FC<DocLeadingPageProps> = ({\n    data: {title, description, links},\n    toc,\n    router,\n    headerHeight,\n    wideFormat = defaultWideFormat,\n    hideTocHeader,\n    hideToc,\n    tocTitleIcon,\n    footer,\n    useMainTag,\n    legacyToc,\n    notification,\n    notificationCb,\n    isMobile,\n    fullScreen,\n    tocCollapsed,\n    onChangeTocCollapsed,\n    pdfLink,\n    textSize,\n}) => {\n    const modes = {\n        'regular-page-width': !wideFormat,\n    };\n\n    return (\n        <DocLayout\n            toc={toc}\n            router={router}\n            headerHeight={headerHeight}\n            className={b(modes)}\n            hideTocHeader={hideTocHeader}\n            hideToc={hideToc}\n            tocTitleIcon={tocTitleIcon}\n            footer={footer}\n            legacyToc={legacyToc}\n            fullScreen={fullScreen}\n            tocCollapsed={tocCollapsed}\n            onChangeTocCollapsed={onChangeTocCollapsed}\n            pdfLink={pdfLink}\n        >\n            <DocLayout.Center>\n                <Notification notification={notification} notificationCb={notificationCb} />\n                <ContentWrapper className={b('main')} useMainTag={useMainTag}>\n                    <DocPageTitle stage={toc?.stage} className={b('title')}>\n                        <HTML>{title}</HTML>\n                        {isMobile && <ShareButton className={b('share-button')} title={title} />}\n                    </DocPageTitle>\n                    <div className={b('description')}>\n                        <Text data={description} html block />\n                    </div>\n                    <div className={b('body', {'text-size': textSize})}>\n                        <Links links={links} isRoot />\n                    </div>\n                </ContentWrapper>\n            </DocLayout.Center>\n        </DocLayout>\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,yBAAkB;AAElB,uBAA+B;AAC/B,4BAA6B;AAC7B,uBAAwB;AACxB,0BAA2B;AAC3B,kBAAmB;AACnB,kBAAmB;AACnB,0BAA2B;AAC3B,yBAA0B;AAC1B,mBAA6B;AAE7B,4BAAO;AAqCK;AAnCZ,IAAM,QAAI,mBAAAA,SAAM,qBAAqB;AAErC,IAAM,EAAC,YAAY,kBAAiB,IAAI;AAwBxC,IAAM,aAAa,CAAC,MAAuB,WAAqB;AAC5D,QAAM,EAAC,OAAM,IAAI;AAEjB,MAAI,CAAC,UAAU,CAAC,QAAQ;AACpB,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,SAAI,WAAW,EAAE,YAAY,GAC1B,sDAAC,SAAI,KAAK,QAAQ,GACtB;AAER;AAEA,IAAM,cAAc,CAAC,MAAuB,WAAqB;AAC7D,QAAM,EAAC,OAAO,aAAa,MAAM,QAAQ,MAAK,IAAI;AAClD,MAAI;AAEJ,MAAI,MAAM;AACN,UAAM,aAAa,eAAW,6BAAe,IAAI,IAAI,WAAW;AAEhE,mBACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,QAAQ;AAAA,QACR,KAAK,eAAe,WAAW,wBAAwB;AAAA,QACvD,WAAW,EAAE,YAAY;AAAA,QAExB;AAAA;AAAA,IACL;AAAA,EAER,OAAO;AACH,mBAAe;AAAA,EACnB;AAEA,MAAI,QAAQ;AACR,mBAAe,4CAAC,QAAG,WAAW,EAAE,eAAe,EAAC,MAAM,OAAM,CAAC,GAAI,wBAAa;AAAA,EAClF,OAAO;AACH,mBAAe,4CAAC,SAAI,WAAW,EAAE,aAAa,GAAI,wBAAa;AAAA,EACnE;AAEA,SACI,6CAAC,SAAI,WAAW,EAAE,aAAa,GAC1B;AAAA;AAAA,IACA,eAAe,SAAS,4CAAC,OAAE,WAAW,EAAE,mBAAmB,GAAI,uBAAY,IAAO;AAAA,IAEnF,4CAAC,SAAM,OAAc;AAAA,KACzB;AAER;AAEO,IAAM,OAA+B,CAAC,EAAC,MAAM,OAAM,MAAM;AAC5D,SACI,6CAAC,QAAG,WAAW,EAAE,cAAc,EAAC,MAAM,OAAM,CAAC,GACxC;AAAA,eAAW,MAAM,MAAM;AAAA,IACvB,YAAY,MAAM,MAAM;AAAA,KAC7B;AAER;AAOO,IAAM,QAAiC,CAAC,EAAC,OAAO,OAAM,MAAM;AAC/D,MAAI,CAAC,SAAS,CAAC,MAAM,QAAQ;AACzB,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,QAAG,WAAW,EAAE,SAAS,EAAC,MAAM,OAAM,CAAC,GACnC,gBAAM,IAAI,CAAC,MAAM,UACd,4CAAC,QAAiB,MAAY,UAAnB,KAAmC,CACjD,GACL;AAER;AAEO,IAAM,iBAAgD,CAAC;AAAA,EAC1D,MAAM,EAAC,OAAO,aAAa,MAAK;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,QAAQ;AAAA,IACV,sBAAsB,CAAC;AAAA,EAC3B;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAE,KAAK;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,uDAAC,2BAAU,QAAV,EACG;AAAA,oDAAC,oCAAa,cAA4B,gBAAgC;AAAA,QAC1E,6CAAC,wCAAe,WAAW,EAAE,MAAM,GAAG,YAClC;AAAA,uDAAC,oCAAa,OAAO,2BAAK,OAAO,WAAW,EAAE,OAAO,GACjD;AAAA,wDAAC,oBAAM,iBAAM;AAAA,YACZ,YAAY,4CAAC,kCAAY,WAAW,EAAE,cAAc,GAAG,OAAc;AAAA,aAC1E;AAAA,UACA,4CAAC,SAAI,WAAW,EAAE,aAAa,GAC3B,sDAAC,oBAAK,MAAM,aAAa,MAAI,MAAC,OAAK,MAAC,GACxC;AAAA,UACA,4CAAC,SAAI,WAAW,EAAE,QAAQ,EAAC,aAAa,SAAQ,CAAC,GAC7C,sDAAC,SAAM,OAAc,QAAM,MAAC,GAChC;AAAA,WACJ;AAAA,SACJ;AAAA;AAAA,EACJ;AAER;",
   "names": ["block"]
 }