@diplodoc/components 4.0.0 → 4.2.0-beta.0

package/build/cjs/components/TocItem/TocItem.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/TocItem/home/runner/work/components/components/src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput%20css%20yObpFg%3E", "../../../../src/components/TocItem/home/runner/work/components/components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-toc-item {\n    cursor: pointer;\n    user-select: none;\n\n    &__link {\n        --g-focus-border-radius: 4px;\n\n        display: block;\n        text-decoration: none;\n        border-radius: var(--g-focus-border-radius);\n\n        @include focusable(-2px); // -2px, as outline on focues goes out of toc's borders\n    }\n\n    &__text {\n        --g-focus-border-radius: 4px;\n\n        display: block;\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: inherit;\n\n        position: relative;\n        padding: 7px 12px 7px 20px;\n        box-sizing: border-box;\n        word-break: break-word;\n        background-color: transparent;\n        border: 0;\n        text-align: initial;\n        width: 100%;\n        border-radius: var(--g-focus-border-radius);\n        cursor: pointer;\n\n        color: var(--g-color-text-primary);\n\n        [dir='rtl'] & {\n            padding: 7px 20px 7px 12px;\n        }\n\n        &_active {\n            border-radius: 3px;\n            background: var(--g-color-base-selection);\n        }\n\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            // hack: to be shure that it will always start from the left of the TOC\n            left: -100vw;\n            height: 100%;\n        }\n\n        &:hover {\n            border-radius: 3px;\n            background: var(--g-color-base-simple-hover);\n        }\n        @include focusable(-2px); // -2px, as outline on focues goes out of toc's borders\n    }\n\n    &__icon {\n        position: absolute;\n        left: 0;\n\n        [dir='rtl'] & {\n            right: 0;\n        }\n    }\n}\n", ".dc-toc-item {\n  cursor: pointer;\n  user-select: none;\n}\n.dc-toc-item__link {\n  --g-focus-border-radius: 4px;\n  display: block;\n  text-decoration: none;\n  border-radius: var(--g-focus-border-radius);\n}\n.dc-toc-item__link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-toc-item__link:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc-item__text {\n  --g-focus-border-radius: 4px;\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  position: relative;\n  padding: 7px 12px 7px 20px;\n  box-sizing: border-box;\n  word-break: break-word;\n  background-color: transparent;\n  border: 0;\n  text-align: initial;\n  width: 100%;\n  border-radius: var(--g-focus-border-radius);\n  cursor: pointer;\n  color: var(--g-color-text-primary);\n}\n[dir=rtl] .dc-toc-item__text {\n  padding: 7px 20px 7px 12px;\n}\n.dc-toc-item__text_active {\n  border-radius: 3px;\n  background: var(--g-color-base-selection);\n}\n.dc-toc-item__text::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: -100vw;\n  height: 100%;\n}\n.dc-toc-item__text:hover {\n  border-radius: 3px;\n  background: var(--g-color-base-simple-hover);\n}\n.dc-toc-item__text:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-toc-item__text:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc-item__icon {\n  position: absolute;\n  left: 0;\n}\n[dir=rtl] .dc-toc-item__icon {\n  right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvY0l0ZW0iLCJzb3VyY2VzIjpbIlRvY0l0ZW0uc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTtFQUVBO0VBQ0E7RUFDQTs7QUNxQkE7RUFDSTtFQUNBLGdCRHJCZTs7QUN1Qm5CO0VBQ0k7O0FEckJSO0VBQ0k7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQzFCSjtFQUNJO0VBQ0EsZ0JEMEJlOztBQ3hCbkI7RUFDSTs7QUQwQlI7RUFDSTtFQUNBOztBQUVBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtdG9jLWl0ZW0ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgICZfX2xpbmsge1xuICAgICAgICAtLWctZm9jdXMtYm9yZGVyLXJhZGl1czogNHB4O1xuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAgICAgQGluY2x1ZGUgZm9jdXNhYmxlKC0ycHgpOyAvLyAtMnB4LCBhcyBvdXRsaW5lIG9uIGZvY3VlcyBnb2VzIG91dCBvZiB0b2MncyBib3JkZXJzXG4gICAgfVxuXG4gICAgJl9fdGV4dCB7XG4gICAgICAgIC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzOiA0cHg7XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICBmb250LXNpemU6IGluaGVyaXQ7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiBpbmhlcml0O1xuXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogN3B4IDEycHggN3B4IDIwcHg7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIHRleHQtYWxpZ246IGluaXRpYWw7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcblxuICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDdweCAyMHB4IDdweCAxMnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9hY3RpdmUge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLXNlbGVjdGlvbik7XG4gICAgICAgIH1cblxuICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIC8vIGhhY2s6IHRvIGJlIHNodXJlIHRoYXQgaXQgd2lsbCBhbHdheXMgc3RhcnQgZnJvbSB0aGUgbGVmdCBvZiB0aGUgVE9DXG4gICAgICAgICAgICBsZWZ0OiAtMTAwdnc7XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1zaW1wbGUtaG92ZXIpO1xuICAgICAgICB9XG4gICAgICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgtMnB4KTsgLy8gLTJweCwgYXMgb3V0bGluZSBvbiBmb2N1ZXMgZ29lcyBvdXQgb2YgdG9jJ3MgYm9yZGVyc1xuICAgIH1cblxuICAgICZfX2ljb24ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "sources": ["../../../../src/components/TocItem/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/TocItem/TocItem.scss", "../../../../src/components/TocItem/%3Cinput%20css%20BDTLUH%3E", "../../../../src/components/TocItem/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-toc-item {\n    cursor: pointer;\n    user-select: none;\n\n    &__link {\n        --g-focus-border-radius: 4px;\n\n        display: block;\n        text-decoration: none;\n        border-radius: var(--g-focus-border-radius);\n\n        @include focusable(-2px); // -2px, as outline on focues goes out of toc's borders\n    }\n\n    &__text {\n        --g-focus-border-radius: 4px;\n\n        display: block;\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: inherit;\n\n        position: relative;\n        padding: 7px 12px 7px 20px;\n        box-sizing: border-box;\n        word-break: break-word;\n        background-color: transparent;\n        border: 0;\n        text-align: initial;\n        width: 100%;\n        border-radius: var(--g-focus-border-radius);\n        cursor: pointer;\n\n        color: var(--g-color-text-primary);\n\n        [dir='rtl'] & {\n            padding: 7px 20px 7px 12px;\n        }\n\n        &_active {\n            border-radius: 3px;\n            background: var(--g-color-base-selection);\n        }\n\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            // hack: to be shure that it will always start from the left of the TOC\n            left: -100vw;\n            height: 100%;\n        }\n\n        &:hover {\n            border-radius: 3px;\n            background: var(--g-color-base-simple-hover);\n        }\n        @include focusable(-2px); // -2px, as outline on focues goes out of toc's borders\n    }\n\n    &__icon {\n        position: absolute;\n        left: 0;\n\n        [dir='rtl'] & {\n            right: 0;\n        }\n    }\n}\n", ".dc-toc-item {\n  cursor: pointer;\n  user-select: none;\n}\n.dc-toc-item__link {\n  --g-focus-border-radius: 4px;\n  display: block;\n  text-decoration: none;\n  border-radius: var(--g-focus-border-radius);\n}\n.dc-toc-item__link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-toc-item__link:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc-item__text {\n  --g-focus-border-radius: 4px;\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  position: relative;\n  padding: 7px 12px 7px 20px;\n  box-sizing: border-box;\n  word-break: break-word;\n  background-color: transparent;\n  border: 0;\n  text-align: initial;\n  width: 100%;\n  border-radius: var(--g-focus-border-radius);\n  cursor: pointer;\n  color: var(--g-color-text-primary);\n}\n[dir=rtl] .dc-toc-item__text {\n  padding: 7px 20px 7px 12px;\n}\n.dc-toc-item__text_active {\n  border-radius: 3px;\n  background: var(--g-color-base-selection);\n}\n.dc-toc-item__text::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: -100vw;\n  height: 100%;\n}\n.dc-toc-item__text:hover {\n  border-radius: 3px;\n  background: var(--g-color-base-simple-hover);\n}\n.dc-toc-item__text:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-toc-item__text:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc-item__icon {\n  position: absolute;\n  left: 0;\n}\n[dir=rtl] .dc-toc-item__icon {\n  right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVG9jSXRlbSIsInNvdXJjZXMiOlsiVG9jSXRlbS5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTs7QUFFQTtFQUNJO0VBRUE7RUFDQTtFQUNBOztBQ3FCQTtFQUNJO0VBQ0EsZ0JEckJlOztBQ3VCbkI7RUFDSTs7QURyQlI7RUFDSTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FDMUJKO0VBQ0k7RUFDQSxnQkQwQmU7O0FDeEJuQjtFQUNJOztBRDBCUjtFQUNJO0VBQ0E7O0FBRUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy10b2MtaXRlbSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuXG4gICAgJl9fbGluayB7XG4gICAgICAgIC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzOiA0cHg7XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICAgICBAaW5jbHVkZSBmb2N1c2FibGUoLTJweCk7IC8vIC0ycHgsIGFzIG91dGxpbmUgb24gZm9jdWVzIGdvZXMgb3V0IG9mIHRvYydzIGJvcmRlcnNcbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgLS1nLWZvY3VzLWJvcmRlci1yYWRpdXM6IDRweDtcblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgICAgICAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7XG5cbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBwYWRkaW5nOiA3cHggMTJweCA3cHggMjBweDtcbiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuXG4gICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgcGFkZGluZzogN3B4IDIwcHggN3B4IDEycHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX2FjdGl2ZSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2Utc2VsZWN0aW9uKTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgLy8gaGFjazogdG8gYmUgc2h1cmUgdGhhdCBpdCB3aWxsIGFsd2F5cyBzdGFydCBmcm9tIHRoZSBsZWZ0IG9mIHRoZSBUT0NcbiAgICAgICAgICAgIGxlZnQ6IC0xMDB2dztcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLXNpbXBsZS1ob3Zlcik7XG4gICAgICAgIH1cbiAgICAgICAgQGluY2x1ZGUgZm9jdXNhYmxlKC0ycHgpOyAvLyAtMnB4LCBhcyBvdXRsaW5lIG9uIGZvY3VlcyBnb2VzIG91dCBvZiB0b2MncyBib3JkZXJzXG4gICAgfVxuXG4gICAgJl9faWNvbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAGA,CAAA;AACI,UAAA;AACA,uBAAA;AAAA,oBAAA;AAAA,eAAA;ACFJ;ADII,CAAA;AACI,2BAAA;AAEA,WAAA;AACA,2BAAA;AAAA,mBAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;ACHR;ACwBQ,CF1BJ,iBE0BI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADtBZ;ACwBQ,CF9BJ,iBE8BI,MAAA,KAAA;AACI,WAAA;ADtBZ;ADCI,CAAA;AACI,2BAAA;AAEA,WAAA;AACA,eAAA;AACA,aAAA;AACA,eAAA;AAEA,YAAA;AACA,WAAA,IAAA,KAAA,IAAA;AACA,cAAA;AACA,cAAA;AACA,oBAAA;AACA,UAAA;AACA,cAAA;AAAA,cAAA;AACA,SAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;AACA,UAAA;AAEA,SAAA,IAAA;ACFR;ADIQ,CAAA,SAAA,CArBJ;AAsBQ,WAAA,IAAA,KAAA,IAAA;ACFZ;ADKQ,CAAA;AACI,iBAAA;AACA,cAAA,IAAA;ACHZ;ADMQ,CA9BJ,iBA8BI;AACI,WAAA;AACA,YAAA;AACA,OAAA;AACA,SAAA;AAEA,QAAA;AACA,UAAA;ACLZ;ADQQ,CAxCJ,iBAwCI;AACI,iBAAA;AACA,cAAA,IAAA;ACNZ;ACpBQ,CFhBJ,iBEgBI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADsBZ;ACpBQ,CFpBJ,iBEoBI,MAAA,KAAA;AACI,WAAA;ADsBZ;ADII,CAAA;AACI,YAAA;AACA,QAAA;ACFR;ADIQ,CAAA,SAAA,CAJJ;AAKQ,SAAA;ACFZ;",
   "names": []
 }

package/build/cjs/components/TocNavPanel/TocNavPanel.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/TocNavPanel/home/runner/work/components/components/src/components/TocNavPanel/TocNavPanel.scss", "../../../../src/components/TocNavPanel/home/runner/work/components/components/src/styles/mixins.scss", "../../../../src/components/TocNavPanel/%3Cinput%20css%207_OnJ_%3E"],
-  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-nav-toc-panel {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    background: var(--g-color-base-background);\n\n    @include text-size(body-1);\n\n    &_fixed {\n        position: fixed;\n        bottom: 0;\n        z-index: 1000;\n        left: 0;\n        border-top: 1px solid var(--g-color-line-generic);\n    }\n\n    &_fixed &__control-hint {\n        display: none;\n    }\n\n    &_fixed &__content {\n        padding: 0 40px;\n    }\n\n    &__content {\n        display: flex;\n        justify-content: space-between;\n        flex: 1;\n        max-width: 1440px;\n    }\n\n    &__control {\n        display: flex;\n        flex-direction: column;\n        width: 48%;\n\n        &_left {\n            align-items: flex-start;\n        }\n\n        &_right {\n            align-items: flex-end;\n        }\n\n        & svg {\n            margin-top: -1px;\n            min-width: 16px;\n        }\n\n        &_left svg {\n            margin-right: 6px;\n\n            [dir='rtl'] & {\n                margin-left: 6px;\n                transform: rotate(180deg);\n            }\n        }\n\n        &_right svg {\n            margin-left: 6px;\n\n            [dir='rtl'] & {\n                margin-right: 6px;\n                transform: rotate(180deg);\n            }\n        }\n    }\n\n    &__control-hint {\n        color: var(--g-color-text-hint);\n    }\n\n    &__control-text {\n        display: flex;\n        align-items: center;\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        min-height: 32px;\n        color: var(--g-color-text-primary);\n        font-weight: 500;\n        border-radius: var(--g-focus-border-radius);\n\n        @include focusable();\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-nav-toc-panel {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  background: 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-nav-toc-panel_fixed {\n  position: fixed;\n  bottom: 0;\n  z-index: 1000;\n  left: 0;\n  border-top: 1px solid var(--g-color-line-generic);\n}\n.dc-nav-toc-panel_fixed .dc-nav-toc-panel__control-hint {\n  display: none;\n}\n.dc-nav-toc-panel_fixed .dc-nav-toc-panel__content {\n  padding: 0 40px;\n}\n.dc-nav-toc-panel__content {\n  display: flex;\n  justify-content: space-between;\n  flex: 1;\n  max-width: 1440px;\n}\n.dc-nav-toc-panel__control {\n  display: flex;\n  flex-direction: column;\n  width: 48%;\n}\n.dc-nav-toc-panel__control_left {\n  align-items: flex-start;\n}\n.dc-nav-toc-panel__control_right {\n  align-items: flex-end;\n}\n.dc-nav-toc-panel__control svg {\n  margin-top: -1px;\n  min-width: 16px;\n}\n.dc-nav-toc-panel__control_left svg {\n  margin-right: 6px;\n}\n[dir=rtl] .dc-nav-toc-panel__control_left svg {\n  margin-left: 6px;\n  transform: rotate(180deg);\n}\n.dc-nav-toc-panel__control_right svg {\n  margin-left: 6px;\n}\n[dir=rtl] .dc-nav-toc-panel__control_right svg {\n  margin-right: 6px;\n  transform: rotate(180deg);\n}\n.dc-nav-toc-panel__control-hint {\n  color: var(--g-color-text-hint);\n}\n.dc-nav-toc-panel__control-text {\n  display: flex;\n  align-items: center;\n}\n.dc-nav-toc-panel__link {\n  display: flex;\n  align-items: center;\n  min-height: 32px;\n  color: var(--g-color-text-primary);\n  font-weight: 500;\n  border-radius: var(--g-focus-border-radius);\n}\n.dc-nav-toc-panel__link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 0;\n}\n.dc-nav-toc-panel__link:focus:not(:focus-visible) {\n  outline: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvY05hdlBhbmVsIiwic291cmNlcyI6WyJUb2NOYXZQYW5lbC5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUNIQTtFQUNBOztBRE1BO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBRUE7RUFDSTtFQUNBOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBOztBQUtaO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQ3BEQTtFQUNJO0VBQ0EsZ0JBSmM7O0FBTWxCO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLW5hdi10b2MtcGFuZWwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQpO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMSk7XG5cbiAgICAmX2ZpeGVkIHtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHotaW5kZXg6IDEwMDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgJl9maXhlZCAmX19jb250cm9sLWhpbnQge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgICZfZml4ZWQgJl9fY29udGVudCB7XG4gICAgICAgIHBhZGRpbmc6IDAgNDBweDtcbiAgICB9XG5cbiAgICAmX19jb250ZW50IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBtYXgtd2lkdGg6IDE0NDBweDtcbiAgICB9XG5cbiAgICAmX19jb250cm9sIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgd2lkdGg6IDQ4JTtcblxuICAgICAgICAmX2xlZnQge1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgIH1cblxuICAgICAgICAmX3JpZ2h0IHtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgfVxuXG4gICAgICAgICYgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgICAgICAgICBtaW4td2lkdGg6IDE2cHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX2xlZnQgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNnB4O1xuXG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogNnB4O1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX3JpZ2h0IHN2ZyB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogNnB4O1xuXG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDZweDtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29udHJvbC1oaW50IHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1oaW50KTtcbiAgICB9XG5cbiAgICAmX19jb250cm9sLXRleHQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgICZfX2xpbmsge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtaW4taGVpZ2h0OiAzMnB4O1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgpO1xuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */"],
+  "sources": ["../../../../src/components/TocNavPanel/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/TocNavPanel/TocNavPanel.scss", "../../../../src/components/TocNavPanel/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/styles/mixins.scss", "../../../../src/components/TocNavPanel/%3Cinput%20css%20WaIq3d%3E"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-nav-toc-panel {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    background: var(--g-color-base-background);\n\n    @include text-size(body-1);\n\n    &_fixed {\n        position: fixed;\n        bottom: 0;\n        z-index: 1000;\n        left: 0;\n        border-top: 1px solid var(--g-color-line-generic);\n    }\n\n    &_fixed &__control-hint {\n        display: none;\n    }\n\n    &_fixed &__content {\n        padding: 0 40px;\n    }\n\n    &__content {\n        display: flex;\n        justify-content: space-between;\n        flex: 1;\n        max-width: 1440px;\n    }\n\n    &__control {\n        display: flex;\n        flex-direction: column;\n        width: 48%;\n\n        &_left {\n            align-items: flex-start;\n        }\n\n        &_right {\n            align-items: flex-end;\n        }\n\n        & svg {\n            margin-top: -1px;\n            min-width: 16px;\n        }\n\n        &_left svg {\n            margin-right: 6px;\n\n            [dir='rtl'] & {\n                margin-left: 6px;\n                transform: rotate(180deg);\n            }\n        }\n\n        &_right svg {\n            margin-left: 6px;\n\n            [dir='rtl'] & {\n                margin-right: 6px;\n                transform: rotate(180deg);\n            }\n        }\n    }\n\n    &__control-hint {\n        color: var(--g-color-text-hint);\n    }\n\n    &__control-text {\n        display: flex;\n        align-items: center;\n    }\n\n    &__link {\n        display: flex;\n        align-items: center;\n        min-height: 32px;\n        color: var(--g-color-text-primary);\n        font-weight: 500;\n        border-radius: var(--g-focus-border-radius);\n\n        @include focusable();\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-nav-toc-panel {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  background: 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-nav-toc-panel_fixed {\n  position: fixed;\n  bottom: 0;\n  z-index: 1000;\n  left: 0;\n  border-top: 1px solid var(--g-color-line-generic);\n}\n.dc-nav-toc-panel_fixed .dc-nav-toc-panel__control-hint {\n  display: none;\n}\n.dc-nav-toc-panel_fixed .dc-nav-toc-panel__content {\n  padding: 0 40px;\n}\n.dc-nav-toc-panel__content {\n  display: flex;\n  justify-content: space-between;\n  flex: 1;\n  max-width: 1440px;\n}\n.dc-nav-toc-panel__control {\n  display: flex;\n  flex-direction: column;\n  width: 48%;\n}\n.dc-nav-toc-panel__control_left {\n  align-items: flex-start;\n}\n.dc-nav-toc-panel__control_right {\n  align-items: flex-end;\n}\n.dc-nav-toc-panel__control svg {\n  margin-top: -1px;\n  min-width: 16px;\n}\n.dc-nav-toc-panel__control_left svg {\n  margin-right: 6px;\n}\n[dir=rtl] .dc-nav-toc-panel__control_left svg {\n  margin-left: 6px;\n  transform: rotate(180deg);\n}\n.dc-nav-toc-panel__control_right svg {\n  margin-left: 6px;\n}\n[dir=rtl] .dc-nav-toc-panel__control_right svg {\n  margin-right: 6px;\n  transform: rotate(180deg);\n}\n.dc-nav-toc-panel__control-hint {\n  color: var(--g-color-text-hint);\n}\n.dc-nav-toc-panel__control-text {\n  display: flex;\n  align-items: center;\n}\n.dc-nav-toc-panel__link {\n  display: flex;\n  align-items: center;\n  min-height: 32px;\n  color: var(--g-color-text-primary);\n  font-weight: 500;\n  border-radius: var(--g-focus-border-radius);\n}\n.dc-nav-toc-panel__link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 0;\n}\n.dc-nav-toc-panel__link:focus:not(:focus-visible) {\n  outline: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVG9jTmF2UGFuZWwiLCJzb3VyY2VzIjpbIlRvY05hdlBhbmVsLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQ0hBO0VBQ0E7O0FETUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7O0FBSVI7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7O0FBS1o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FDcERBO0VBQ0k7RUFDQSxnQkFKYzs7QUFNbEI7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtbmF2LXRvYy1wYW5lbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtYmFja2dyb3VuZCk7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICZfZml4ZWQge1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgei1pbmRleDogMTAwMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljKTtcbiAgICB9XG5cbiAgICAmX2ZpeGVkICZfX2NvbnRyb2wtaGludCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJl9maXhlZCAmX19jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogMCA0MHB4O1xuICAgIH1cblxuICAgICZfX2NvbnRlbnQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIG1heC13aWR0aDogMTQ0MHB4O1xuICAgIH1cblxuICAgICZfX2NvbnRyb2wge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB3aWR0aDogNDglO1xuXG4gICAgICAgICZfbGVmdCB7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfcmlnaHQge1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICB9XG5cbiAgICAgICAgJiBzdmcge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogLTFweDtcbiAgICAgICAgICAgIG1pbi13aWR0aDogMTZweDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfbGVmdCBzdmcge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA2cHg7XG5cbiAgICAgICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA2cHg7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfcmlnaHQgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA2cHg7XG5cbiAgICAgICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNnB4O1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9sLWhpbnQge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWhpbnQpO1xuICAgIH1cblxuICAgICZfX2NvbnRyb2wtdGV4dCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJl9fbGluayB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAgICAgQGluY2x1ZGUgZm9jdXNhYmxlKCk7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,mBAAA;AACA,SAAA;AACA,cAAA,IAAA;ACHA,aAAA,IAAA;AACA,eAAA,IAAA;ACGJ;AFGI,CAAA;AACI,YAAA;AACA,UAAA;AACA,WAAA;AACA,QAAA;AACA,cAAA,IAAA,MAAA,IAAA;AEDR;AFII,CARA,uBAQA,CAAA;AACI,WAAA;AEFR;AFKI,CAZA,uBAYA,CAAA;AACI,WAAA,EAAA;AEHR;AFMI,CAJA;AAKI,WAAA;AACA,mBAAA;AACA,QAAA;AACA,aAAA;AEJR;AFOI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,SAAA;AELR;AFOQ,CAAA;AACI,eAAA;AELZ;AFQQ,CAAA;AACI,eAAA;AENZ;AFSQ,CAbJ,0BAaI;AACI,cAAA;AACA,aAAA;AEPZ;AFUQ,CAbA,+BAaA;AACI,gBAAA;AERZ;AFUY,CAAA,SAAA,CAhBJ,+BAgBI;AACI,eAAA;AACA,aAAA,OAAA;AERhB;AFYQ,CAlBA,gCAkBA;AACI,eAAA;AEVZ;AFYY,CAAA,SAAA,CArBJ,gCAqBI;AACI,gBAAA;AACA,aAAA,OAAA;AEVhB;AFeI,CApDA;AAqDI,SAAA,IAAA;AEbR;AFgBI,CAAA;AACI,WAAA;AACA,eAAA;AEdR;AFiBI,CAAA;AACI,WAAA;AACA,eAAA;AACA,cAAA;AACA,SAAA,IAAA;AACA,eAAA;AACA,iBAAA,IAAA;AEfR;ADrCQ,CD8CJ,sBC9CI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ACuCZ;ADrCQ,CD0CJ,sBC1CI,MAAA,KAAA;AACI,WAAA;ACuCZ;",
   "names": []
 }

package/build/cjs/components/ToggleArrow/ToggleArrow.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ToggleArrow/home/runner/work/components/components/src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput%20css%20BXu7T3%3E"],
-  "sourcesContent": [".dc-toggle-arrow {\n    transition: transform 0.15s;\n    stroke-width: 2px;\n    $root: &;\n\n    &_type {\n        &_horizontal {\n            transform: rotate(0deg);\n\n            [dir='rtl'] & {\n                transform: rotate(180deg);\n            }\n        }\n\n        &_vertical {\n            transform: rotate(90deg);\n        }\n    }\n\n    &_open {\n        &#{$root}_type_horizontal {\n            transform: rotate(90deg);\n\n            [dir='rtl'] & {\n                transform: rotate(90deg);\n            }\n        }\n\n        &#{$root}_type_vertical {\n            transform: rotate(-90deg);\n\n            [dir='rtl'] & {\n                transform: rotate(90deg);\n            }\n        }\n    }\n\n    &_thin {\n        stroke-width: 1px;\n    }\n\n    &_slow {\n        transition-duration: 0.3s;\n    }\n}\n", ".dc-toggle-arrow {\n  transition: transform 0.15s;\n  stroke-width: 2px;\n}\n.dc-toggle-arrow_type_horizontal {\n  transform: rotate(0deg);\n}\n[dir=rtl] .dc-toggle-arrow_type_horizontal {\n  transform: rotate(180deg);\n}\n.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(-90deg);\n}\n[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_thin {\n  stroke-width: 1px;\n}\n.dc-toggle-arrow_slow {\n  transition-duration: 0.3s;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvZ2dsZUFycm93Iiwic291cmNlcyI6WyJUb2dnbGVBcnJvdy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7RUFDQTs7QUFJSTtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFLSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJOztBQUtaO0VBQ0k7O0FBR0o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy10b2dnbGUtYXJyb3cge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjE1cztcbiAgICBzdHJva2Utd2lkdGg6IDJweDtcbiAgICAkcm9vdDogJjtcblxuICAgICZfdHlwZSB7XG4gICAgICAgICZfaG9yaXpvbnRhbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZfdmVydGljYWwge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9vcGVuIHtcbiAgICAgICAgJiN7JHJvb3R9X3R5cGVfaG9yaXpvbnRhbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG5cbiAgICAgICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYjeyRyb290fV90eXBlX3ZlcnRpY2FsIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG5cbiAgICAgICAgICAgIFtkaXI9J3J0bCddICYge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfdGhpbiB7XG4gICAgICAgIHN0cm9rZS13aWR0aDogMXB4O1xuICAgIH1cblxuICAgICZfc2xvdyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgfVxufVxuIl19 */"],
+  "sources": ["../../../../src/components/ToggleArrow/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/ToggleArrow/ToggleArrow.scss", "../../../../src/components/ToggleArrow/%3Cinput%20css%20B1kA76%3E"],
+  "sourcesContent": [".dc-toggle-arrow {\n    transition: transform 0.15s;\n    stroke-width: 2px;\n    $root: &;\n\n    &_type {\n        &_horizontal {\n            transform: rotate(0deg);\n\n            [dir='rtl'] & {\n                transform: rotate(180deg);\n            }\n        }\n\n        &_vertical {\n            transform: rotate(90deg);\n        }\n    }\n\n    &_open {\n        &#{$root}_type_horizontal {\n            transform: rotate(90deg);\n\n            [dir='rtl'] & {\n                transform: rotate(90deg);\n            }\n        }\n\n        &#{$root}_type_vertical {\n            transform: rotate(-90deg);\n\n            [dir='rtl'] & {\n                transform: rotate(90deg);\n            }\n        }\n    }\n\n    &_thin {\n        stroke-width: 1px;\n    }\n\n    &_slow {\n        transition-duration: 0.3s;\n    }\n}\n", ".dc-toggle-arrow {\n  transition: transform 0.15s;\n  stroke-width: 2px;\n}\n.dc-toggle-arrow_type_horizontal {\n  transform: rotate(0deg);\n}\n[dir=rtl] .dc-toggle-arrow_type_horizontal {\n  transform: rotate(180deg);\n}\n.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(-90deg);\n}\n[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_vertical {\n  transform: rotate(90deg);\n}\n.dc-toggle-arrow_thin {\n  stroke-width: 1px;\n}\n.dc-toggle-arrow_slow {\n  transition-duration: 0.3s;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVG9nZ2xlQXJyb3ciLCJzb3VyY2VzIjpbIlRvZ2dsZUFycm93LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBOztBQUlJO0VBQ0k7O0FBRUE7RUFDSTs7QUFJUjtFQUNJOztBQUtKO0VBQ0k7O0FBRUE7RUFDSTs7QUFJUjtFQUNJOztBQUVBO0VBQ0k7O0FBS1o7RUFDSTs7QUFHSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmRjLXRvZ2dsZS1hcnJvdyB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMTVzO1xuICAgIHN0cm9rZS13aWR0aDogMnB4O1xuICAgICRyb290OiAmO1xuXG4gICAgJl90eXBlIHtcbiAgICAgICAgJl9ob3Jpem9udGFsIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuXG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX29wZW4ge1xuICAgICAgICAmI3skcm9vdH1fdHlwZV9ob3Jpem9udGFsIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJiN7JHJvb3R9X3R5cGVfdmVydGljYWwge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcblxuICAgICAgICAgICAgW2Rpcj0ncnRsJ10gJiB7XG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl90aGluIHtcbiAgICAgICAgc3Ryb2tlLXdpZHRoOiAxcHg7XG4gICAgfVxuXG4gICAgJl9zbG93IHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICB9XG59XG4iXX0= */"],
   "mappings": ";AAAA,CAAA;AACI,cAAA,UAAA;AACA,gBAAA;ACCJ;ADGQ,CAAA;AACI,aAAA,OAAA;ACDZ;ADGY,CAAA,SAAA,CAHJ;AAIQ,aAAA,OAAA;ACDhB;ADKQ,CAAA;AACI,aAAA,OAAA;ACHZ;ADQQ,CAAA,oBAAA,CAdA;AAeI,aAAA,OAAA;ACNZ;ADQY,CAAA,SAAA,CAHJ,oBAGI,CAjBJ;AAkBQ,aAAA,OAAA;ACNhB;ADUQ,CARA,oBAQA,CAdA;AAeI,aAAA,OAAA;ACRZ;ADUY,CAAA,SAAA,CAXJ,oBAWI,CAjBJ;AAkBQ,aAAA,OAAA;ACRhB;ADaI,CAAA;AACI,gBAAA;ACXR;ADcI,CAAA;AACI,uBAAA;ACZR;",
   "names": []
 }

package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/UpdatedAtDate/home/runner/work/components/components/src/components/UpdatedAtDate/UpdatedAtDate.scss", "../../../../src/components/UpdatedAtDate/%3Cinput%20css%20MAp0He%3E"],
-  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-updated-at-date {\n    display: flex;\n    font-size: 13px;\n    font-weight: 400;\n\n    &__wrapper {\n        align-self: center;\n    }\n}\n", ".dc-updated-at-date {\n  display: flex;\n  font-size: 13px;\n  font-weight: 400;\n}\n.dc-updated-at-date__wrapper {\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1VwZGF0ZWRBdERhdGUiLCJzb3VyY2VzIjpbIlVwZGF0ZWRBdERhdGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy11cGRhdGVkLWF0LWRhdGUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICAmX193cmFwcGVyIHtcbiAgICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIH1cbn1cbiJdfQ== */"],
+  "sources": ["../../../../src/components/UpdatedAtDate/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/UpdatedAtDate/UpdatedAtDate.scss", "../../../../src/components/UpdatedAtDate/%3Cinput%20css%20bO8H1D%3E"],
+  "sourcesContent": ["@import '../../styles/mixins';\n\n.dc-updated-at-date {\n    display: flex;\n    font-size: 13px;\n    font-weight: 400;\n\n    &__wrapper {\n        align-self: center;\n    }\n}\n", ".dc-updated-at-date {\n  display: flex;\n  font-size: 13px;\n  font-weight: 400;\n}\n.dc-updated-at-date__wrapper {\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVXBkYXRlZEF0RGF0ZSIsInNvdXJjZXMiOlsiVXBkYXRlZEF0RGF0ZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUVBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLXVwZGF0ZWQtYXQtZGF0ZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcblxuICAgICZfX3dyYXBwZXIge1xuICAgICAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAEA,CAAA;AACI,WAAA;AACA,aAAA;AACA,eAAA;ACDJ;ADGI,CAAA;AACI,cAAA;ACDR;",
   "names": []
 }

package/build/cjs/index.d.ts

@@ -23,6 +23,8 @@ export * from './components/ErrorBoundary';
 export * from './components/Paginator';
 export * from './components/SearchItem';
 export * from './components/SearchPage';
+export * from './components/DocContentPage';
 export * from './config';
 export * from './models';
 export * from './constants';
+export * from './utils';

package/build/cjs/index.js

@@ -42,7 +42,9 @@ __reExport(src_exports, require("./components/ErrorBoundary"), module.exports);
 __reExport(src_exports, require("./components/Paginator"), module.exports);
 __reExport(src_exports, require("./components/SearchItem"), module.exports);
 __reExport(src_exports, require("./components/SearchPage"), module.exports);
+__reExport(src_exports, require("./components/DocContentPage"), module.exports);
 __reExport(src_exports, require("./config"), module.exports);
 __reExport(src_exports, require("./models"), module.exports);
 __reExport(src_exports, require("./constants"), module.exports);
+__reExport(src_exports, require("./utils"), module.exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/Breadcrumbs';\nexport * from './components/DocLayout';\nexport * from './components/DocLeadingPage';\nexport * from './components/DocPage';\nexport * from './components/DocPageTitle';\nexport * from './components/HTML';\nexport * from './components/Mark';\nexport * from './components/MiniToc';\nexport * from './components/Scrollspy';\nexport * from './components/StageLabel';\nexport * from './components/Text';\nexport * from './components/Toc';\nexport * from './components/ToggleArrow';\nexport * from './components/OutsideClick';\nexport * from './components/TocNavPanel';\nexport * from './components/Feedback';\nexport * from './components/Control';\nexport * from './components/Controls';\nexport * from './components/BookmarkButton';\nexport * from './components/SearchBar';\nexport * from './components/ErrorPage';\nexport * from './components/ErrorBoundary';\nexport * from './components/Paginator';\nexport * from './components/SearchItem';\nexport * from './components/SearchPage';\n\nexport * from './config';\nexport * from './models';\nexport * from './constants';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qCAAd;AACA,wBAAc,mCADd;AAEA,wBAAc,wCAFd;AAGA,wBAAc,iCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,8BALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,iCAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,8BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,sCAbd;AAcA,wBAAc,qCAdd;AAeA,wBAAc,kCAfd;AAgBA,wBAAc,iCAhBd;AAiBA,wBAAc,kCAjBd;AAkBA,wBAAc,wCAlBd;AAmBA,wBAAc,mCAnBd;AAoBA,wBAAc,mCApBd;AAqBA,wBAAc,uCArBd;AAsBA,wBAAc,mCAtBd;AAuBA,wBAAc,oCAvBd;AAwBA,wBAAc,oCAxBd;AA0BA,wBAAc,qBA1Bd;AA2BA,wBAAc,qBA3Bd;AA4BA,wBAAc,wBA5Bd;",
+  "sourcesContent": ["export * from './components/Breadcrumbs';\nexport * from './components/DocLayout';\nexport * from './components/DocLeadingPage';\nexport * from './components/DocPage';\nexport * from './components/DocPageTitle';\nexport * from './components/HTML';\nexport * from './components/Mark';\nexport * from './components/MiniToc';\nexport * from './components/Scrollspy';\nexport * from './components/StageLabel';\nexport * from './components/Text';\nexport * from './components/Toc';\nexport * from './components/ToggleArrow';\nexport * from './components/OutsideClick';\nexport * from './components/TocNavPanel';\nexport * from './components/Feedback';\nexport * from './components/Control';\nexport * from './components/Controls';\nexport * from './components/BookmarkButton';\nexport * from './components/SearchBar';\nexport * from './components/ErrorPage';\nexport * from './components/ErrorBoundary';\nexport * from './components/Paginator';\nexport * from './components/SearchItem';\nexport * from './components/SearchPage';\nexport * from './components/DocContentPage';\n\nexport * from './config';\nexport * from './models';\nexport * from './constants';\nexport * from './utils';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qCAAd;AACA,wBAAc,mCADd;AAEA,wBAAc,wCAFd;AAGA,wBAAc,iCAHd;AAIA,wBAAc,sCAJd;AAKA,wBAAc,8BALd;AAMA,wBAAc,8BANd;AAOA,wBAAc,iCAPd;AAQA,wBAAc,mCARd;AASA,wBAAc,oCATd;AAUA,wBAAc,8BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,qCAZd;AAaA,wBAAc,sCAbd;AAcA,wBAAc,qCAdd;AAeA,wBAAc,kCAfd;AAgBA,wBAAc,iCAhBd;AAiBA,wBAAc,kCAjBd;AAkBA,wBAAc,wCAlBd;AAmBA,wBAAc,mCAnBd;AAoBA,wBAAc,mCApBd;AAqBA,wBAAc,uCArBd;AAsBA,wBAAc,mCAtBd;AAuBA,wBAAc,oCAvBd;AAwBA,wBAAc,oCAxBd;AAyBA,wBAAc,wCAzBd;AA2BA,wBAAc,qBA3Bd;AA4BA,wBAAc,qBA5Bd;AA6BA,wBAAc,wBA7Bd;AA8BA,wBAAc,oBA9Bd;",
   "names": []
 }

package/build/cjs/models/index.d.ts

@@ -39,6 +39,13 @@ export interface DocLeadingPageData extends DocBasePageData {
     leading: true;
     data: DocLeadingData;
 }
+export interface DocContentPageData extends DocBasePageData {
+    leading: true;
+    data: {
+        fullScreen?: boolean;
+    };
+    children?: React.ReactNode;
+}
 export interface DocLeadingData {
     title: string;
     description: string | string[];
@@ -144,3 +151,8 @@ export interface SubscribeData {
     email: string;
     type: SubscribeType;
 }
+export declare enum DocumentType {
+    Base = "BASE",
+    Leading = "LEADING",
+    PageConstructor = "PAGE_CONSTRUCTOR"
+}

package/build/cjs/models/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var models_exports = {};
 __export(models_exports, {
   ControlSizes: () => ControlSizes,
+  DocumentType: () => DocumentType,
   FeedbackType: () => FeedbackType,
   Lang: () => Lang,
   SubscribeType: () => SubscribeType,
@@ -71,4 +72,10 @@ var SubscribeType = /* @__PURE__ */ ((SubscribeType2) => {
   SubscribeType2["page"] = "page";
   return SubscribeType2;
 })(SubscribeType || {});
+var DocumentType = /* @__PURE__ */ ((DocumentType2) => {
+  DocumentType2["Base"] = "BASE";
+  DocumentType2["Leading"] = "LEADING";
+  DocumentType2["PageConstructor"] = "PAGE_CONSTRUCTOR";
+  return DocumentType2;
+})(DocumentType || {});
 //# sourceMappingURL=index.js.map

package/build/cjs/models/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/models/index.ts"],
-  "sourcesContent": ["import type {Loc} from '../config/i18n';\n\nexport enum Theme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport enum TextSizes {\n    S = 's', // 13px\n    M = 'm', // 15px\n    L = 'l', // 17px\n}\n\nexport enum ControlSizes {\n    M = 'm',\n    L = 'l',\n}\n\nexport interface Config {\n    lang?: string;\n    loc?: Loc;\n    localeCode?: string;\n}\n\nexport interface DocSettings {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    bookmarkedPage?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    dislikeVariants?: string[];\n}\n\nexport interface DocBasePageData {\n    toc: TocData;\n    leading?: boolean;\n    footer?: React.ReactNode;\n}\n\nexport interface DocLeadingPageData extends DocBasePageData {\n    leading: true;\n    data: DocLeadingData;\n}\n\nexport interface DocLeadingData {\n    title: string;\n    description: string | string[];\n    links: DocLeadingLinks[];\n    meta: DocMeta;\n}\n\nexport interface DocLeadingLinks {\n    title: string;\n    description?: string;\n    href?: string;\n    imgSrc?: string;\n    links?: DocLeadingLinks[];\n}\n\nexport enum VcsType {\n    Github = 'github',\n    Arcanum = 'arcanum',\n}\n\nexport interface DocPageData extends DocBasePageData {\n    leading?: false;\n    breadcrumbs?: BreadcrumbItem[];\n    html: string;\n    title?: string;\n    headings: DocHeadingItem[];\n    meta: DocMeta;\n    vcsUrl?: string;\n    vcsType?: VcsType;\n}\n\nexport interface DocHeadingItem {\n    title: string;\n    href: string;\n    level: number;\n    items?: DocHeadingItem[];\n}\n\nexport interface DocMeta {\n    title?: string;\n    description?: string;\n    keywords?: string[];\n    stage?: string;\n    editable?: boolean;\n    contributors?: Contributor[];\n    author?: unknown | Contributor;\n    __system?: Record<string, unknown>;\n    updatedAt?: string;\n}\n\nexport interface TocData {\n    title?: string;\n    href: string;\n    items: TocItem[];\n    stage?: string;\n    editable?: boolean;\n    singlePage?: boolean;\n}\n\nexport interface TocItem {\n    id: string;\n    name: string;\n    href?: string;\n    items?: TocItem[];\n    expanded?: boolean;\n}\n\nexport interface BreadcrumbItem {\n    name: string;\n    url?: string;\n}\n\nexport interface Router {\n    pathname: string;\n    hash?: string;\n}\n\nexport enum Lang {\n    Ru = 'ru',\n    En = 'en',\n    He = 'he',\n    Es = 'es',\n    Fr = 'fr',\n    Cs = 'cs',\n    Ar = 'ar',\n}\n\nexport interface Contributor {\n    avatar: string;\n    login: string;\n    url: string;\n    name: string | null;\n    email: string | null;\n}\n\nexport interface DislikeData {\n    answers: string[];\n    comment: string;\n}\n\nexport enum FeedbackType {\n    like = 'like',\n    dislike = 'dislike',\n    indeterminate = 'indeterminate',\n}\n\nexport interface FeedbackSendData {\n    type: FeedbackType;\n    answers?: string[];\n    comment?: string;\n}\n\nexport enum SubscribeType {\n    documentation = 'documentation',\n    page = 'page',\n}\n\nexport interface SubscribeData {\n    email: string;\n    type: SubscribeType;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAK,QAAL,kBAAKA,WAAL;AACH,EAAAA,OAAA,WAAQ;AACR,EAAAA,OAAA,UAAO;AAFC,SAAAA;AAAA,GAAA;AAKL,IAAK,YAAL,kBAAKC,eAAL;AACH,EAAAA,WAAA,OAAI;AACJ,EAAAA,WAAA,OAAI;AACJ,EAAAA,WAAA,OAAI;AAHI,SAAAA;AAAA,GAAA;AAML,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,OAAI;AACJ,EAAAA,cAAA,OAAI;AAFI,SAAAA;AAAA,GAAA;AAkDL,IAAK,UAAL,kBAAKC,aAAL;AACH,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,aAAU;AAFF,SAAAA;AAAA,GAAA;AA8DL,IAAK,OAAL,kBAAKC,UAAL;AACH,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AAPG,SAAAA;AAAA,GAAA;AAuBL,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AACV,EAAAA,cAAA,mBAAgB;AAHR,SAAAA;AAAA,GAAA;AAYL,IAAK,gBAAL,kBAAKC,mBAAL;AACH,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AAFC,SAAAA;AAAA,GAAA;",
-  "names": ["Theme", "TextSizes", "ControlSizes", "VcsType", "Lang", "FeedbackType", "SubscribeType"]
+  "sourcesContent": ["import type {Loc} from '../config/i18n';\n\nexport enum Theme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport enum TextSizes {\n    S = 's', // 13px\n    M = 'm', // 15px\n    L = 'l', // 17px\n}\n\nexport enum ControlSizes {\n    M = 'm',\n    L = 'l',\n}\n\nexport interface Config {\n    lang?: string;\n    loc?: Loc;\n    localeCode?: string;\n}\n\nexport interface DocSettings {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    bookmarkedPage?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    isLiked?: boolean;\n    isDisliked?: boolean;\n    dislikeVariants?: string[];\n}\n\nexport interface DocBasePageData {\n    toc: TocData;\n    leading?: boolean;\n    footer?: React.ReactNode;\n}\n\nexport interface DocLeadingPageData extends DocBasePageData {\n    leading: true;\n    data: DocLeadingData;\n}\n\nexport interface DocContentPageData extends DocBasePageData {\n    leading: true;\n    data: {\n        fullScreen?: boolean;\n    };\n    children?: React.ReactNode;\n}\n\nexport interface DocLeadingData {\n    title: string;\n    description: string | string[];\n    links: DocLeadingLinks[];\n    meta: DocMeta;\n}\n\nexport interface DocLeadingLinks {\n    title: string;\n    description?: string;\n    href?: string;\n    imgSrc?: string;\n    links?: DocLeadingLinks[];\n}\n\nexport enum VcsType {\n    Github = 'github',\n    Arcanum = 'arcanum',\n}\n\nexport interface DocPageData extends DocBasePageData {\n    leading?: false;\n    breadcrumbs?: BreadcrumbItem[];\n    html: string;\n    title?: string;\n    headings: DocHeadingItem[];\n    meta: DocMeta;\n    vcsUrl?: string;\n    vcsType?: VcsType;\n}\n\nexport interface DocHeadingItem {\n    title: string;\n    href: string;\n    level: number;\n    items?: DocHeadingItem[];\n}\n\nexport interface DocMeta {\n    title?: string;\n    description?: string;\n    keywords?: string[];\n    stage?: string;\n    editable?: boolean;\n    contributors?: Contributor[];\n    author?: unknown | Contributor;\n    __system?: Record<string, unknown>;\n    updatedAt?: string;\n}\n\nexport interface TocData {\n    title?: string;\n    href: string;\n    items: TocItem[];\n    stage?: string;\n    editable?: boolean;\n    singlePage?: boolean;\n}\n\nexport interface TocItem {\n    id: string;\n    name: string;\n    href?: string;\n    items?: TocItem[];\n    expanded?: boolean;\n}\n\nexport interface BreadcrumbItem {\n    name: string;\n    url?: string;\n}\n\nexport interface Router {\n    pathname: string;\n    hash?: string;\n}\n\nexport enum Lang {\n    Ru = 'ru',\n    En = 'en',\n    He = 'he',\n    Es = 'es',\n    Fr = 'fr',\n    Cs = 'cs',\n    Ar = 'ar',\n}\n\nexport interface Contributor {\n    avatar: string;\n    login: string;\n    url: string;\n    name: string | null;\n    email: string | null;\n}\n\nexport interface DislikeData {\n    answers: string[];\n    comment: string;\n}\n\nexport enum FeedbackType {\n    like = 'like',\n    dislike = 'dislike',\n    indeterminate = 'indeterminate',\n}\n\nexport interface FeedbackSendData {\n    type: FeedbackType;\n    answers?: string[];\n    comment?: string;\n}\n\nexport enum SubscribeType {\n    documentation = 'documentation',\n    page = 'page',\n}\n\nexport interface SubscribeData {\n    email: string;\n    type: SubscribeType;\n}\n\nexport enum DocumentType {\n    Base = 'BASE',\n    Leading = 'LEADING',\n    PageConstructor = 'PAGE_CONSTRUCTOR',\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAK,QAAL,kBAAKA,WAAL;AACH,EAAAA,OAAA,WAAQ;AACR,EAAAA,OAAA,UAAO;AAFC,SAAAA;AAAA,GAAA;AAKL,IAAK,YAAL,kBAAKC,eAAL;AACH,EAAAA,WAAA,OAAI;AACJ,EAAAA,WAAA,OAAI;AACJ,EAAAA,WAAA,OAAI;AAHI,SAAAA;AAAA,GAAA;AAML,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,OAAI;AACJ,EAAAA,cAAA,OAAI;AAFI,SAAAA;AAAA,GAAA;AA0DL,IAAK,UAAL,kBAAKC,aAAL;AACH,EAAAA,SAAA,YAAS;AACT,EAAAA,SAAA,aAAU;AAFF,SAAAA;AAAA,GAAA;AA8DL,IAAK,OAAL,kBAAKC,UAAL;AACH,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AACL,EAAAA,MAAA,QAAK;AAPG,SAAAA;AAAA,GAAA;AAuBL,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AACV,EAAAA,cAAA,mBAAgB;AAHR,SAAAA;AAAA,GAAA;AAYL,IAAK,gBAAL,kBAAKC,mBAAL;AACH,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AAFC,SAAAA;AAAA,GAAA;AAUL,IAAK,eAAL,kBAAKC,kBAAL;AACH,EAAAA,cAAA,UAAO;AACP,EAAAA,cAAA,aAAU;AACV,EAAAA,cAAA,qBAAkB;AAHV,SAAAA;AAAA,GAAA;",
+  "names": ["Theme", "TextSizes", "ControlSizes", "VcsType", "Lang", "FeedbackType", "SubscribeType", "DocumentType"]
 }

package/build/cjs/utils/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { ThemeContextProps } from '@gravity-ui/uikit';
 import { PopperPosition } from '../hooks';
-import { Contributor, Router } from '../models';
+import { Contributor, DocContentPageData, DocLeadingPageData, DocPageData, DocumentType, Router } from '../models';
 export type InnerProps<TProps extends Partial<TDefaultProps>, TDefaultProps> = Omit<TProps, keyof TDefaultProps> & Required<Pick<TProps, keyof TDefaultProps>>;
 export type ChangeHandler<S> = <K extends keyof S, V extends S[K]>(field: K, value?: V) => () => void;
 export declare function normalizePath(path?: string | null): string | undefined;
@@ -13,3 +14,7 @@ export declare const getRandomKey: () => number;
 export declare function isInvalidEmail(email: string): boolean;
 export declare function isContributor(contributor: unknown): contributor is Contributor;
 export declare const getPopupPosition: (isVerticalView: boolean | undefined, direction?: ThemeContextProps['direction']) => PopperPosition.BOTTOM_END | PopperPosition.RIGHT_START | PopperPosition.LEFT_START;
+export declare function getPageByType(type: DocumentType): import("react").FC<import("../components/DocContentPage").DocContentPageProps> | import("react").FC<import("../components/DocLeadingPage").DocLeadingPageProps> | import("react").FC<import("..").SearchWordsHighlighterProps & Omit<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings> & Required<Pick<import("../components/DocPage").DocPageProps, keyof import("../models").DocSettings>>>;
+export declare function getPageType({ data, leading, }: DocLeadingPageData | (DocPageData & {
+    data?: undefined;
+}) | DocContentPageData): DocumentType;

package/build/cjs/utils/index.js

@@ -21,6 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   callSafe: () => callSafe,
+  getPageByType: () => getPageByType,
+  getPageType: () => getPageType,
   getPopupPosition: () => getPopupPosition,
   getRandomKey: () => getRandomKey,
   getStateKey: () => getStateKey,
@@ -33,7 +35,11 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var import_url = require("url");
+var import_DocContentPage = require("../components/DocContentPage");
+var import_DocLeadingPage = require("../components/DocLeadingPage");
+var import_DocPage = require("../components/DocPage");
 var import_hooks = require("../hooks");
+var import_models = require("../models");
 function normalizePath(path) {
   return path == null ? void 0 : path.replace(/\/index$/, "/");
 }
@@ -91,4 +97,21 @@ var getPopupPosition = (isVerticalView, direction) => {
   }
   return isVerticalView ? import_hooks.PopperPosition.LEFT_START : import_hooks.PopperPosition.BOTTOM_END;
 };
+function getPageByType(type) {
+  const PageTypes = {
+    [import_models.DocumentType.Base]: import_DocPage.DocPage,
+    [import_models.DocumentType.Leading]: import_DocLeadingPage.DocLeadingPage,
+    [import_models.DocumentType.PageConstructor]: import_DocContentPage.DocContentPage
+  };
+  return PageTypes[type] || null;
+}
+function getPageType({
+  data,
+  leading
+}) {
+  if (leading && data) {
+    return Object.prototype.hasOwnProperty.call(data, "links") ? import_models.DocumentType.Leading : import_models.DocumentType.PageConstructor;
+  }
+  return import_models.DocumentType.Base;
+}
 //# sourceMappingURL=index.js.map

package/build/cjs/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/index.ts"],
-  "sourcesContent": ["import {parse} from 'url';\n\nimport {ThemeContextProps} from '@gravity-ui/uikit';\n\nimport {PopperPosition} from '../hooks';\nimport {Contributor, Router} from '../models';\n\nexport type InnerProps<TProps extends Partial<TDefaultProps>, TDefaultProps> = Omit<\n    TProps,\n    keyof TDefaultProps\n> &\n    Required<Pick<TProps, keyof TDefaultProps>>;\n\nexport type ChangeHandler<S> = <K extends keyof S, V extends S[K]>(\n    field: K,\n    value?: V,\n) => () => void;\n\nexport function normalizePath(path?: string | null) {\n    return path?.replace(/\\/index$/, '/');\n}\n\nexport function normalizeHash(hash?: string | null) {\n    if (hash && hash.startsWith('#')) {\n        return hash.substring(1);\n    }\n    return hash;\n}\n\nexport function isActiveItem(router: Router, href: string, singlePage?: boolean) {\n    if (singlePage) {\n        return normalizeHash(router.hash) === normalizeHash(parse(href).hash);\n    }\n\n    return normalizePath(router.pathname) === normalizePath(parse(href).pathname);\n}\n\nexport function isExternalHref(href: string) {\n    return href.startsWith('http') || href.startsWith('//');\n}\n\nexport function getStateKey(\n    showMiniToc: boolean | unknown,\n    wideFormat: boolean | unknown,\n    singlePage: boolean | unknown,\n) {\n    return [\n        showMiniToc ? 'showMiniToc' : '',\n        wideFormat ? 'wideFormat' : '',\n        singlePage ? 'singlePage' : '',\n    ].join('|');\n}\n\nexport function callSafe(func: ((path: string) => string) | undefined, path: string) {\n    if (typeof func === 'function') {\n        return func(path);\n    }\n\n    if (typeof func === 'undefined') {\n        return path;\n    }\n\n    throw new Error('Path converter should be a function');\n}\n\nexport const getRandomKey = () => Math.random();\n\nexport function isInvalidEmail(email: string) {\n    const EMAIL_RE = /\\S+@\\S+/;\n\n    return !EMAIL_RE.test(email);\n}\n\nexport function isContributor(contributor: unknown): contributor is Contributor {\n    if (!contributor || typeof contributor !== 'object') {\n        return false;\n    }\n\n    const fields = ['avatar', 'login', 'url', 'name', 'email'];\n\n    for (const field of fields) {\n        if (field in contributor) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport const getPopupPosition = (\n    isVerticalView: boolean | undefined,\n    direction?: ThemeContextProps['direction'],\n) => {\n    if (isVerticalView && direction === 'rtl') {\n        return PopperPosition.RIGHT_START;\n    }\n\n    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AAIpB,mBAA6B;AActB,SAAS,cAAc,MAAsB;AAChD,SAAO,6BAAM,QAAQ,YAAY;AACrC;AAEO,SAAS,cAAc,MAAsB;AAChD,MAAI,QAAQ,KAAK,WAAW,GAAG,GAAG;AAC9B,WAAO,KAAK,UAAU,CAAC;AAAA,EAC3B;AACA,SAAO;AACX;AAEO,SAAS,aAAa,QAAgB,MAAc,YAAsB;AAC7E,MAAI,YAAY;AACZ,WAAO,cAAc,OAAO,IAAI,MAAM,kBAAc,kBAAM,IAAI,EAAE,IAAI;AAAA,EACxE;AAEA,SAAO,cAAc,OAAO,QAAQ,MAAM,kBAAc,kBAAM,IAAI,EAAE,QAAQ;AAChF;AAEO,SAAS,eAAe,MAAc;AACzC,SAAO,KAAK,WAAW,MAAM,KAAK,KAAK,WAAW,IAAI;AAC1D;AAEO,SAAS,YACZ,aACA,YACA,YACF;AACE,SAAO;AAAA,IACH,cAAc,gBAAgB;AAAA,IAC9B,aAAa,eAAe;AAAA,IAC5B,aAAa,eAAe;AAAA,EAChC,EAAE,KAAK,GAAG;AACd;AAEO,SAAS,SAAS,MAA8C,MAAc;AACjF,MAAI,OAAO,SAAS,YAAY;AAC5B,WAAO,KAAK,IAAI;AAAA,EACpB;AAEA,MAAI,OAAO,SAAS,aAAa;AAC7B,WAAO;AAAA,EACX;AAEA,QAAM,IAAI,MAAM,qCAAqC;AACzD;AAEO,IAAM,eAAe,MAAM,KAAK,OAAO;AAEvC,SAAS,eAAe,OAAe;AAC1C,QAAM,WAAW;AAEjB,SAAO,CAAC,SAAS,KAAK,KAAK;AAC/B;AAEO,SAAS,cAAc,aAAkD;AAC5E,MAAI,CAAC,eAAe,OAAO,gBAAgB,UAAU;AACjD,WAAO;AAAA,EACX;AAEA,QAAM,SAAS,CAAC,UAAU,SAAS,OAAO,QAAQ,OAAO;AAEzD,aAAW,SAAS,QAAQ;AACxB,QAAI,SAAS,aAAa;AACtB,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,SAAO;AACX;AAEO,IAAM,mBAAmB,CAC5B,gBACA,cACC;AACD,MAAI,kBAAkB,cAAc,OAAO;AACvC,WAAO,4BAAe;AAAA,EAC1B;AAEA,SAAO,iBAAiB,4BAAe,aAAa,4BAAe;AACvE;",
+  "sourcesContent": ["import {parse} from 'url';\n\nimport {ThemeContextProps} from '@gravity-ui/uikit';\n\nimport {DocContentPage} from '../components/DocContentPage';\nimport {DocLeadingPage} from '../components/DocLeadingPage';\nimport {DocPage} from '../components/DocPage';\nimport {PopperPosition} from '../hooks';\nimport {\n    Contributor,\n    DocContentPageData,\n    DocLeadingPageData,\n    DocPageData,\n    DocumentType,\n    Router,\n} from '../models';\n\nexport type InnerProps<TProps extends Partial<TDefaultProps>, TDefaultProps> = Omit<\n    TProps,\n    keyof TDefaultProps\n> &\n    Required<Pick<TProps, keyof TDefaultProps>>;\n\nexport type ChangeHandler<S> = <K extends keyof S, V extends S[K]>(\n    field: K,\n    value?: V,\n) => () => void;\n\nexport function normalizePath(path?: string | null) {\n    return path?.replace(/\\/index$/, '/');\n}\n\nexport function normalizeHash(hash?: string | null) {\n    if (hash && hash.startsWith('#')) {\n        return hash.substring(1);\n    }\n    return hash;\n}\n\nexport function isActiveItem(router: Router, href: string, singlePage?: boolean) {\n    if (singlePage) {\n        return normalizeHash(router.hash) === normalizeHash(parse(href).hash);\n    }\n\n    return normalizePath(router.pathname) === normalizePath(parse(href).pathname);\n}\n\nexport function isExternalHref(href: string) {\n    return href.startsWith('http') || href.startsWith('//');\n}\n\nexport function getStateKey(\n    showMiniToc: boolean | unknown,\n    wideFormat: boolean | unknown,\n    singlePage: boolean | unknown,\n) {\n    return [\n        showMiniToc ? 'showMiniToc' : '',\n        wideFormat ? 'wideFormat' : '',\n        singlePage ? 'singlePage' : '',\n    ].join('|');\n}\n\nexport function callSafe(func: ((path: string) => string) | undefined, path: string) {\n    if (typeof func === 'function') {\n        return func(path);\n    }\n\n    if (typeof func === 'undefined') {\n        return path;\n    }\n\n    throw new Error('Path converter should be a function');\n}\n\nexport const getRandomKey = () => Math.random();\n\nexport function isInvalidEmail(email: string) {\n    const EMAIL_RE = /\\S+@\\S+/;\n\n    return !EMAIL_RE.test(email);\n}\n\nexport function isContributor(contributor: unknown): contributor is Contributor {\n    if (!contributor || typeof contributor !== 'object') {\n        return false;\n    }\n\n    const fields = ['avatar', 'login', 'url', 'name', 'email'];\n\n    for (const field of fields) {\n        if (field in contributor) {\n            return true;\n        }\n    }\n\n    return false;\n}\n\nexport const getPopupPosition = (\n    isVerticalView: boolean | undefined,\n    direction?: ThemeContextProps['direction'],\n) => {\n    if (isVerticalView && direction === 'rtl') {\n        return PopperPosition.RIGHT_START;\n    }\n\n    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n};\n\nexport function getPageByType(type: DocumentType) {\n    const PageTypes = {\n        [DocumentType.Base]: DocPage,\n        [DocumentType.Leading]: DocLeadingPage,\n        [DocumentType.PageConstructor]: DocContentPage,\n    };\n\n    return PageTypes[type] || null;\n}\n\nexport function getPageType({\n    data,\n    leading,\n}: DocLeadingPageData | (DocPageData & {data?: undefined}) | DocContentPageData): DocumentType {\n    if (leading && data) {\n        return Object.prototype.hasOwnProperty.call(data, 'links')\n            ? DocumentType.Leading\n            : DocumentType.PageConstructor;\n    }\n\n    return DocumentType.Base;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AAIpB,4BAA6B;AAC7B,4BAA6B;AAC7B,qBAAsB;AACtB,mBAA6B;AAC7B,oBAOO;AAaA,SAAS,cAAc,MAAsB;AAChD,SAAO,6BAAM,QAAQ,YAAY;AACrC;AAEO,SAAS,cAAc,MAAsB;AAChD,MAAI,QAAQ,KAAK,WAAW,GAAG,GAAG;AAC9B,WAAO,KAAK,UAAU,CAAC;AAAA,EAC3B;AACA,SAAO;AACX;AAEO,SAAS,aAAa,QAAgB,MAAc,YAAsB;AAC7E,MAAI,YAAY;AACZ,WAAO,cAAc,OAAO,IAAI,MAAM,kBAAc,kBAAM,IAAI,EAAE,IAAI;AAAA,EACxE;AAEA,SAAO,cAAc,OAAO,QAAQ,MAAM,kBAAc,kBAAM,IAAI,EAAE,QAAQ;AAChF;AAEO,SAAS,eAAe,MAAc;AACzC,SAAO,KAAK,WAAW,MAAM,KAAK,KAAK,WAAW,IAAI;AAC1D;AAEO,SAAS,YACZ,aACA,YACA,YACF;AACE,SAAO;AAAA,IACH,cAAc,gBAAgB;AAAA,IAC9B,aAAa,eAAe;AAAA,IAC5B,aAAa,eAAe;AAAA,EAChC,EAAE,KAAK,GAAG;AACd;AAEO,SAAS,SAAS,MAA8C,MAAc;AACjF,MAAI,OAAO,SAAS,YAAY;AAC5B,WAAO,KAAK,IAAI;AAAA,EACpB;AAEA,MAAI,OAAO,SAAS,aAAa;AAC7B,WAAO;AAAA,EACX;AAEA,QAAM,IAAI,MAAM,qCAAqC;AACzD;AAEO,IAAM,eAAe,MAAM,KAAK,OAAO;AAEvC,SAAS,eAAe,OAAe;AAC1C,QAAM,WAAW;AAEjB,SAAO,CAAC,SAAS,KAAK,KAAK;AAC/B;AAEO,SAAS,cAAc,aAAkD;AAC5E,MAAI,CAAC,eAAe,OAAO,gBAAgB,UAAU;AACjD,WAAO;AAAA,EACX;AAEA,QAAM,SAAS,CAAC,UAAU,SAAS,OAAO,QAAQ,OAAO;AAEzD,aAAW,SAAS,QAAQ;AACxB,QAAI,SAAS,aAAa;AACtB,aAAO;AAAA,IACX;AAAA,EACJ;AAEA,SAAO;AACX;AAEO,IAAM,mBAAmB,CAC5B,gBACA,cACC;AACD,MAAI,kBAAkB,cAAc,OAAO;AACvC,WAAO,4BAAe;AAAA,EAC1B;AAEA,SAAO,iBAAiB,4BAAe,aAAa,4BAAe;AACvE;AAEO,SAAS,cAAc,MAAoB;AAC9C,QAAM,YAAY;AAAA,IACd,CAAC,2BAAa,IAAI,GAAG;AAAA,IACrB,CAAC,2BAAa,OAAO,GAAG;AAAA,IACxB,CAAC,2BAAa,eAAe,GAAG;AAAA,EACpC;AAEA,SAAO,UAAU,IAAI,KAAK;AAC9B;AAEO,SAAS,YAAY;AAAA,EACxB;AAAA,EACA;AACJ,GAA+F;AAC3F,MAAI,WAAW,MAAM;AACjB,WAAO,OAAO,UAAU,eAAe,KAAK,MAAM,OAAO,IACnD,2BAAa,UACb,2BAAa;AAAA,EACvB;AAEA,SAAO,2BAAa;AACxB;",
   "names": []
 }

package/build/esm/components/BookmarkButton/BookmarkButton.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/BookmarkButton/home/runner/work/components/components/src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput%20css%20mlScBs%3E"],
-  "sourcesContent": [".dc-bookmark-button {\n    vertical-align: middle;\n    margin: 0 4px 4px;\n\n    &:hover::before {\n        background-color: transparent;\n    }\n\n    &_active &__icon {\n        color: var(--g-color-base-brand);\n    }\n}\n", ".dc-bookmark-button {\n  vertical-align: middle;\n  margin: 0 4px 4px;\n}\n.dc-bookmark-button:hover::before {\n  background-color: transparent;\n}\n.dc-bookmark-button_active .dc-bookmark-button__icon {\n  color: var(--g-color-base-brand);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0Jvb2ttYXJrQnV0dG9uIiwic291cmNlcyI6WyJCb29rbWFya0J1dHRvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIuZGMtYm9va21hcmstYnV0dG9uIHtcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICAgIG1hcmdpbjogMCA0cHggNHB4O1xuXG4gICAgJjpob3Zlcjo6YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgJl9hY3RpdmUgJl9faWNvbiB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLWJhc2UtYnJhbmQpO1xuICAgIH1cbn1cbiJdfQ== */"],
+  "sources": ["../../../../src/components/BookmarkButton/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/BookmarkButton/BookmarkButton.scss", "../../../../src/components/BookmarkButton/%3Cinput%20css%205_Tl9r%3E"],
+  "sourcesContent": [".dc-bookmark-button {\n    vertical-align: middle;\n    margin: 0 4px 4px;\n\n    &:hover::before {\n        background-color: transparent;\n    }\n\n    &_active &__icon {\n        color: var(--g-color-base-brand);\n    }\n}\n", ".dc-bookmark-button {\n  vertical-align: middle;\n  margin: 0 4px 4px;\n}\n.dc-bookmark-button:hover::before {\n  background-color: transparent;\n}\n.dc-bookmark-button_active .dc-bookmark-button__icon {\n  color: var(--g-color-base-brand);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQm9va21hcmtCdXR0b24iLCJzb3VyY2VzIjpbIkJvb2ttYXJrQnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIi5kYy1ib29rbWFyay1idXR0b24ge1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgbWFyZ2luOiAwIDRweCA0cHg7XG5cbiAgICAmOmhvdmVyOjpiZWZvcmUge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB9XG5cbiAgICAmX2FjdGl2ZSAmX19pY29uIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1icmFuZCk7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAAA,CAAA;AACI,kBAAA;AACA,UAAA,EAAA,IAAA;ACCJ;ADCI,CAJJ,kBAII,MAAA;AACI,oBAAA;ACCR;ADEI,CAAA,0BAAA,CAAA;AACI,SAAA,IAAA;ACAR;",
   "names": []
 }

package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Breadcrumbs/%3Cinput%20css%20nwL9K3%3E", "../../../../src/components/Breadcrumbs/home/runner/work/components/components/src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/components/Breadcrumbs/home/runner/work/components/components/src/styles/mixins.scss"],
-  "sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  width: 100%;\n}\n.dc-breadcrumbs__items {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--g-color-text-secondary);\n}\n.dc-breadcrumbs__item {\n  display: inline;\n}\n.dc-breadcrumbs__item::after {\n  content: \" / \";\n  margin: 0 5px;\n  color: var(--g-color-text-hint);\n}\n.dc-breadcrumbs__item:last-child::after {\n  display: none;\n}\n.dc-breadcrumbs__item:last-child {\n  color: var(--g-color-text-primary);\n}\n.dc-breadcrumbs__text {\n  white-space: nowrap;\n}\n.dc-breadcrumbs__text_link {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzIiwic291cmNlcyI6WyJCcmVhZGNydW1icy5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFHQTtFQ0FJO0VBQ0E7RURDQTs7QUFFQTtFQ0NBO0VBQ0E7RUFDQTtFREFJO0VBQ0E7RUFDQTtFQUVBOztBQUdKO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFFSjtFQUNJOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbi5kYy1icmVhZGNydW1icyB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMSk7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmX19pdGVtcyB7XG4gICAgICAgIEBpbmNsdWRlIHJlc2V0LWxpc3Qtc3R5bGUoKTtcblxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgfVxuXG4gICAgJl9faXRlbSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZTtcblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnXFxhMC8gJztcbiAgICAgICAgICAgIG1hcmdpbjogMCA1cHg7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWhpbnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpsYXN0LWNoaWxkOjphZnRlciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdGV4dCB7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICAgJl9saW5rIHtcbiAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-breadcrumbs {\n    @include text-size(body-1);\n    width: 100%;\n\n    &__items {\n        @include reset-list-style();\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        color: var(--g-color-text-secondary);\n    }\n\n    &__item {\n        display: inline;\n\n        &::after {\n            content: '\\a0/ ';\n            margin: 0 5px;\n            color: var(--g-color-text-hint);\n        }\n\n        &:last-child::after {\n            display: none;\n        }\n        &:last-child {\n            color: var(--g-color-text-primary);\n        }\n    }\n\n    &__text {\n        white-space: nowrap;\n\n        &_link {\n            outline: none;\n            color: var(--g-color-text-link);\n            text-decoration: none;\n            cursor: pointer;\n        }\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "sources": ["../../../../src/components/Breadcrumbs/%3Cinput%20css%20ktc9MP%3E", "../../../../src/components/Breadcrumbs/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/Breadcrumbs/Breadcrumbs.scss", "../../../../src/components/Breadcrumbs/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/styles/mixins.scss"],
+  "sourcesContent": ["@charset \"UTF-8\";\n.dc-breadcrumbs {\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n  width: 100%;\n}\n.dc-breadcrumbs__items {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--g-color-text-secondary);\n}\n.dc-breadcrumbs__item {\n  display: inline;\n}\n.dc-breadcrumbs__item::after {\n  content: \" / \";\n  margin: 0 5px;\n  color: var(--g-color-text-hint);\n}\n.dc-breadcrumbs__item:last-child::after {\n  display: none;\n}\n.dc-breadcrumbs__item:last-child {\n  color: var(--g-color-text-primary);\n}\n.dc-breadcrumbs__text {\n  white-space: nowrap;\n}\n.dc-breadcrumbs__text_link {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMiLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUdBO0VDQUk7RUFDQTtFRENBOztBQUVBO0VDQ0E7RUFDQTtFQUNBO0VEQUk7RUFDQTtFQUNBO0VBRUE7O0FBR0o7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUVKO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWJyZWFkY3J1bWJzIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICZfX2l0ZW1zIHtcbiAgICAgICAgQGluY2x1ZGUgcmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICB9XG5cbiAgICAmX19pdGVtIHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lO1xuXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICdcXGEwLyAnO1xuICAgICAgICAgICAgbWFyZ2luOiAwIDVweDtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgICAgIH1cblxuICAgICAgICAmOmxhc3QtY2hpbGQ6OmFmdGVyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAgICAgICAmX2xpbmsge1xuICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmstaG92ZXIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcxKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0yKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0yKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzUoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.dc-breadcrumbs {\n    @include text-size(body-1);\n    width: 100%;\n\n    &__items {\n        @include reset-list-style();\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        color: var(--g-color-text-secondary);\n    }\n\n    &__item {\n        display: inline;\n\n        &::after {\n            content: '\\a0/ ';\n            margin: 0 5px;\n            color: var(--g-color-text-hint);\n        }\n\n        &:last-child::after {\n            display: none;\n        }\n        &:last-child {\n            color: var(--g-color-text-primary);\n        }\n    }\n\n    &__text {\n        white-space: nowrap;\n\n        &_link {\n            outline: none;\n            color: var(--g-color-text-link);\n            text-decoration: none;\n            cursor: pointer;\n        }\n    }\n}\n", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";;;ACGA,CAAA;ACAI,aAAA,IAAA;AACA,eAAA,IAAA;ADCA,SAAA;ADAJ;ACEI,CAAA;ACCA,UAAA;AACA,WAAA;AACA,cAAA;ADAI,eAAA;AACA,YAAA;AACA,iBAAA;AAEA,SAAA,IAAA;ADAR;ACGI,CAAA;AACI,WAAA;ADDR;ACGQ,CAHJ,oBAGI;AACI,WAAA;AACA,UAAA,EAAA;AACA,SAAA,IAAA;ADDZ;ACIQ,CATJ,oBASI,WAAA;AACI,WAAA;ADFZ;ACIQ,CAZJ,oBAYI;AACI,SAAA,IAAA;ADFZ;ACMI,CAAA;AACI,eAAA;ADJR;ACMQ,CAAA;AACI,WAAA;AACA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ADJZ;",
   "names": []
 }

package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%20FOxnOc%3E", "../../../../src/components/ContributorAvatars/home/runner/work/components/components/src/styles/mixins.scss"],
-  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n    a,\n    a:hover,\n    a:visited,\n    a:active {\n        color: inherit;\n        text-decoration: none;\n        display: flex;\n    }\n\n    a {\n        cursor: pointer;\n    }\n}\n\n.dc-contributor-avatars {\n    &__one_contributor {\n        display: flex;\n        margin: 0 $avatarBorder;\n        @include disable-link-styles;\n\n        a:hover,\n        a:active {\n            color: var(--g-color-text-link-hover);\n        }\n\n        & > * {\n            @include contributors-text();\n        }\n    }\n\n    &__avatar {\n        & {\n            border-radius: 50%;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n            border: 0;\n            color: inherit;\n            cursor: inherit;\n            background-color: inherit;\n            padding: 0;\n            align-items: initial;\n            font-family: inherit;\n        }\n\n        &_size_small {\n            height: $avatarWrapperSmallSize;\n            width: $avatarWrapperSmallSize;\n        }\n\n        &_size_big {\n            height: $avatarWrapperBigSize;\n            width: $avatarWrapperBigSize;\n        }\n\n        &_default {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            font-size: $avatarTextFontSize;\n            font-weight: $avatarTextFontWeight;\n        }\n\n        @include focusable(1px);\n    }\n\n    &__displayed_avatars {\n        display: flex;\n        @include disable-link-styles;\n\n        & > * {\n            margin-left: $avatarBorder;\n            margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n        }\n        & a {\n            border-radius: 50%; // to have rounded outline on focus as all avatars rounded\n        }\n    }\n\n    &__hidden_avatars {\n        font-size: $avatarTextFontSize;\n        font-weight: $avatarTextFontWeight;\n        color: var(--g-color-text-secondary);\n        border-radius: 50%;\n        text-align: center;\n        cursor: pointer;\n\n        & > * {\n            background: var(--g-color-base-misc-light);\n            flex-direction: column;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            margin: 0 $avatarBorder;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n        }\n    }\n\n    &__details {\n        display: flex;\n\n        & > div:last-child {\n            font-size: 13px;\n            font-weight: 400;\n            margin: auto $detailsIndent;\n        }\n    }\n\n    &__details_name {\n        color: var(--g-color-text-primary);\n        line-height: $textLineHeight;\n    }\n\n    &__popup {\n        box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n        @include disable-link-styles;\n    }\n\n    &__popup_content {\n        padding: $detailsIndent;\n\n        & > *:not(:last-child) {\n            margin-bottom: $detailsIndent;\n        }\n    }\n}\n", ".dc-contributor-avatars__one_contributor {\n  display: flex;\n  margin: 0 1.5px;\n}\n.dc-contributor-avatars__one_contributor a,\n.dc-contributor-avatars__one_contributor a:hover,\n.dc-contributor-avatars__one_contributor a:visited,\n.dc-contributor-avatars__one_contributor a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__one_contributor a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__one_contributor a:hover,\n.dc-contributor-avatars__one_contributor a:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-contributor-avatars__one_contributor > * {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n.dc-contributor-avatars__avatar {\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n  border: 0;\n  color: inherit;\n  cursor: inherit;\n  background-color: inherit;\n  padding: 0;\n  align-items: initial;\n  font-family: inherit;\n}\n.dc-contributor-avatars__avatar_size_small {\n  height: 23px;\n  width: 23px;\n}\n.dc-contributor-avatars__avatar_size_big {\n  height: 33px;\n  width: 33px;\n}\n.dc-contributor-avatars__avatar_default {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n}\n.dc-contributor-avatars__avatar:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 1px;\n}\n.dc-contributor-avatars__avatar:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-contributor-avatars__displayed_avatars {\n  display: flex;\n}\n.dc-contributor-avatars__displayed_avatars a,\n.dc-contributor-avatars__displayed_avatars a:hover,\n.dc-contributor-avatars__displayed_avatars a:visited,\n.dc-contributor-avatars__displayed_avatars a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__displayed_avatars a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__displayed_avatars > * {\n  margin-left: 1.5px;\n  margin-right: calc(1.5px + 2px);\n}\n.dc-contributor-avatars__displayed_avatars a {\n  border-radius: 50%;\n}\n.dc-contributor-avatars__hidden_avatars {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--g-color-text-secondary);\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n}\n.dc-contributor-avatars__hidden_avatars > * {\n  background: var(--g-color-base-misc-light);\n  flex-direction: column;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  margin: 0 1.5px;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.dc-contributor-avatars__details {\n  display: flex;\n}\n.dc-contributor-avatars__details > div:last-child {\n  font-size: 13px;\n  font-weight: 400;\n  margin: auto 12px;\n}\n.dc-contributor-avatars__details_name {\n  color: var(--g-color-text-primary);\n  line-height: 18px;\n}\n.dc-contributor-avatars__popup {\n  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n}\n.dc-contributor-avatars__popup a,\n.dc-contributor-avatars__popup a:hover,\n.dc-contributor-avatars__popup a:visited,\n.dc-contributor-avatars__popup a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__popup a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__popup_content {\n  padding: 12px;\n}\n.dc-contributor-avatars__popup_content > *:not(:last-child) {\n  margin-bottom: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyaWJ1dG9yQXZhdGFycyIsInNvdXJjZXMiOlsiQ29udHJpYnV0b3JBdmF0YXJzLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJJO0VBQ0k7RUFDQTs7QUFqQko7QUFBQTtBQUFBO0FBQUE7RUFJSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFVQTtBQUFBO0VBRUk7O0FBR0o7RUNnRUo7RUFDQTtFQUNBO0VBQ0E7O0FEN0RJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0ksUUFoRGE7RUFpRGIsT0FqRGE7O0FBb0RqQjtFQUNJLFFBcERXO0VBcURYLE9BckRXOztBQXdEZjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsV0FwRVM7RUFxRVQsYUFwRVc7O0FDNEJmO0VBQ0k7RUFDQSxnQkR5Q2U7O0FDdkNuQjtFQUNJOztBRHlDUjtFQUNJOztBQWxFSjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQTJEQTtFQUNJLGFBN0VHO0VBOEVIOztBQUVKO0VBQ0k7O0FBSVI7RUFDSSxXQXpGYTtFQTBGYixhQXpGZTtFQTBGZjtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUlSO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBLGFBbkhTOztBQXNIYjtFQUNJOztBQWpISjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQTJHSjtFQUNJLFNBOUhROztBQWdJUjtFQUNJLGVBaklJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGF2YXRhcnNEaXN0YW5jZTogMnB4O1xuJGF2YXRhclRleHRGb250U2l6ZTogMTJweDtcbiRhdmF0YXJUZXh0Rm9udFdlaWdodDogNTAwO1xuJGRldGFpbHNJbmRlbnQ6IDEycHg7XG4kYXZhdGFyQm9yZGVyOiAxLjVweDtcbiR0ZXh0TGluZUhlaWdodDogMThweDtcblxuJGF2YXRhcldyYXBwZXJTbWFsbFNpemU6IDIzcHg7XG4kYXZhdGFyV3JhcHBlckJpZ1NpemU6IDMzcHg7XG5cbkBtaXhpbiBkaXNhYmxlLWxpbmstc3R5bGVzIHtcbiAgICBhLFxuICAgIGE6aG92ZXIsXG4gICAgYTp2aXNpdGVkLFxuICAgIGE6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICB9XG5cbiAgICBhIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbn1cblxuLmRjLWNvbnRyaWJ1dG9yLWF2YXRhcnMge1xuICAgICZfX29uZV9jb250cmlidXRvciB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuXG4gICAgICAgIGE6aG92ZXIsXG4gICAgICAgIGE6YWN0aXZlIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgICAgIH1cblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBAaW5jbHVkZSBjb250cmlidXRvcnMtdGV4dCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fYXZhdGFyIHtcbiAgICAgICAgJiB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGluaXRpYWw7XG4gICAgICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgfVxuXG4gICAgICAgICZfc2l6ZV9zbWFsbCB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyU21hbGxTaXplO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX2JpZyB7XG4gICAgICAgICAgICBoZWlnaHQ6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgICAgIHdpZHRoOiAkYXZhdGFyV3JhcHBlckJpZ1NpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX2RlZmF1bHQge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogJGF2YXRhclRleHRGb250U2l6ZTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIH1cblxuICAgICAgICBAaW5jbHVkZSBmb2N1c2FibGUoMXB4KTtcbiAgICB9XG5cbiAgICAmX19kaXNwbGF5ZWRfYXZhdGFycyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6ICRhdmF0YXJCb3JkZXI7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IGNhbGMoI3skYXZhdGFyQm9yZGVyfSArICN7JGF2YXRhcnNEaXN0YW5jZX0pO1xuICAgICAgICB9XG4gICAgICAgICYgYSB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7IC8vIHRvIGhhdmUgcm91bmRlZCBvdXRsaW5lIG9uIGZvY3VzIGFzIGFsbCBhdmF0YXJzIHJvdW5kZWRcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2hpZGRlbl9hdmF0YXJzIHtcbiAgICAgICAgZm9udC1zaXplOiAkYXZhdGFyVGV4dEZvbnRTaXplO1xuICAgICAgICBmb250LXdlaWdodDogJGF2YXRhclRleHRGb250V2VpZ2h0O1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLW1pc2MtbGlnaHQpO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbjogMCAkYXZhdGFyQm9yZGVyO1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgJGF2YXRhckJvcmRlciB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYy1hY2NlbnQpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fZGV0YWlscyB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG5cbiAgICAgICAgJiA+IGRpdjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgICAgICBtYXJnaW46IGF1dG8gJGRldGFpbHNJbmRlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXRhaWxzX25hbWUge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICBsaW5lLWhlaWdodDogJHRleHRMaW5lSGVpZ2h0O1xuICAgIH1cblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgYm94LXNoYWRvdzogMHB4IDNweCAyNHB4IHJnYmEoMCwgMCwgMCwgMC4yKTtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcbiAgICB9XG5cbiAgICAmX19wb3B1cF9jb250ZW50IHtcbiAgICAgICAgcGFkZGluZzogJGRldGFpbHNJbmRlbnQ7XG5cbiAgICAgICAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAkZGV0YWlsc0luZGVudDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkBpbXBvcnQgJy4vdmFyaWFibGVzJztcblxuQG1peGluIHRleHQtc2l6ZSgkbmFtZSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1saW5lLWhlaWdodCk7XG59XG5cbkBtaXhpbiByZXNldC1saXN0LXN0eWxlKCkge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbkBtaXhpbiBmaXhBbmNob3JQb3NpdGlvbigkb2Zmc2V0OiAwcHgpIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcbiAgICBAaW5jbHVkZSBmb2N1c2FibGUoMCwgJ2JveC1zaGFkb3cnKTtcblxuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "sources": ["../../../../src/components/ContributorAvatars/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/components/ContributorAvatars/ContributorAvatars.scss", "../../../../src/components/ContributorAvatars/%3Cinput%20css%201z4ozz%3E", "../../../../src/components/ContributorAvatars/Users/martyanov-av/WebstormProjects/diplodoc/packages/components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n$avatarsDistance: 2px;\n$avatarTextFontSize: 12px;\n$avatarTextFontWeight: 500;\n$detailsIndent: 12px;\n$avatarBorder: 1.5px;\n$textLineHeight: 18px;\n\n$avatarWrapperSmallSize: 23px;\n$avatarWrapperBigSize: 33px;\n\n@mixin disable-link-styles {\n    a,\n    a:hover,\n    a:visited,\n    a:active {\n        color: inherit;\n        text-decoration: none;\n        display: flex;\n    }\n\n    a {\n        cursor: pointer;\n    }\n}\n\n.dc-contributor-avatars {\n    &__one_contributor {\n        display: flex;\n        margin: 0 $avatarBorder;\n        @include disable-link-styles;\n\n        a:hover,\n        a:active {\n            color: var(--g-color-text-link-hover);\n        }\n\n        & > * {\n            @include contributors-text();\n        }\n    }\n\n    &__avatar {\n        & {\n            border-radius: 50%;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n            border: 0;\n            color: inherit;\n            cursor: inherit;\n            background-color: inherit;\n            padding: 0;\n            align-items: initial;\n            font-family: inherit;\n        }\n\n        &_size_small {\n            height: $avatarWrapperSmallSize;\n            width: $avatarWrapperSmallSize;\n        }\n\n        &_size_big {\n            height: $avatarWrapperBigSize;\n            width: $avatarWrapperBigSize;\n        }\n\n        &_default {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            font-size: $avatarTextFontSize;\n            font-weight: $avatarTextFontWeight;\n        }\n\n        @include focusable(1px);\n    }\n\n    &__displayed_avatars {\n        display: flex;\n        @include disable-link-styles;\n\n        & > * {\n            margin-left: $avatarBorder;\n            margin-right: calc(#{$avatarBorder} + #{$avatarsDistance});\n        }\n        & a {\n            border-radius: 50%; // to have rounded outline on focus as all avatars rounded\n        }\n    }\n\n    &__hidden_avatars {\n        font-size: $avatarTextFontSize;\n        font-weight: $avatarTextFontWeight;\n        color: var(--g-color-text-secondary);\n        border-radius: 50%;\n        text-align: center;\n        cursor: pointer;\n\n        & > * {\n            background: var(--g-color-base-misc-light);\n            flex-direction: column;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            margin: 0 $avatarBorder;\n            box-shadow: 0 0 0 $avatarBorder var(--g-color-line-generic-accent);\n        }\n    }\n\n    &__details {\n        display: flex;\n\n        & > div:last-child {\n            font-size: 13px;\n            font-weight: 400;\n            margin: auto $detailsIndent;\n        }\n    }\n\n    &__details_name {\n        color: var(--g-color-text-primary);\n        line-height: $textLineHeight;\n    }\n\n    &__popup {\n        box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n        @include disable-link-styles;\n    }\n\n    &__popup_content {\n        padding: $detailsIndent;\n\n        & > *:not(:last-child) {\n            margin-bottom: $detailsIndent;\n        }\n    }\n}\n", ".dc-contributor-avatars__one_contributor {\n  display: flex;\n  margin: 0 1.5px;\n}\n.dc-contributor-avatars__one_contributor a,\n.dc-contributor-avatars__one_contributor a:hover,\n.dc-contributor-avatars__one_contributor a:visited,\n.dc-contributor-avatars__one_contributor a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__one_contributor a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__one_contributor a:hover,\n.dc-contributor-avatars__one_contributor a:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-contributor-avatars__one_contributor > * {\n  font-size: 13px;\n  font-weight: 400;\n  margin-right: 5px;\n  align-self: center;\n}\n.dc-contributor-avatars__avatar {\n  border-radius: 50%;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n  border: 0;\n  color: inherit;\n  cursor: inherit;\n  background-color: inherit;\n  padding: 0;\n  align-items: initial;\n  font-family: inherit;\n}\n.dc-contributor-avatars__avatar_size_small {\n  height: 23px;\n  width: 23px;\n}\n.dc-contributor-avatars__avatar_size_big {\n  height: 33px;\n  width: 33px;\n}\n.dc-contributor-avatars__avatar_default {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 500;\n}\n.dc-contributor-avatars__avatar:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 1px;\n}\n.dc-contributor-avatars__avatar:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-contributor-avatars__displayed_avatars {\n  display: flex;\n}\n.dc-contributor-avatars__displayed_avatars a,\n.dc-contributor-avatars__displayed_avatars a:hover,\n.dc-contributor-avatars__displayed_avatars a:visited,\n.dc-contributor-avatars__displayed_avatars a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__displayed_avatars a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__displayed_avatars > * {\n  margin-left: 1.5px;\n  margin-right: calc(1.5px + 2px);\n}\n.dc-contributor-avatars__displayed_avatars a {\n  border-radius: 50%;\n}\n.dc-contributor-avatars__hidden_avatars {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--g-color-text-secondary);\n  border-radius: 50%;\n  text-align: center;\n  cursor: pointer;\n}\n.dc-contributor-avatars__hidden_avatars > * {\n  background: var(--g-color-base-misc-light);\n  flex-direction: column;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  margin: 0 1.5px;\n  box-shadow: 0 0 0 1.5px var(--g-color-line-generic-accent);\n}\n.dc-contributor-avatars__details {\n  display: flex;\n}\n.dc-contributor-avatars__details > div:last-child {\n  font-size: 13px;\n  font-weight: 400;\n  margin: auto 12px;\n}\n.dc-contributor-avatars__details_name {\n  color: var(--g-color-text-primary);\n  line-height: 18px;\n}\n.dc-contributor-avatars__popup {\n  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.2);\n}\n.dc-contributor-avatars__popup a,\n.dc-contributor-avatars__popup a:hover,\n.dc-contributor-avatars__popup a:visited,\n.dc-contributor-avatars__popup a:active {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n}\n.dc-contributor-avatars__popup a {\n  cursor: pointer;\n}\n.dc-contributor-avatars__popup_content {\n  padding: 12px;\n}\n.dc-contributor-avatars__popup_content > *:not(:last-child) {\n  margin-bottom: 12px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21hcnR5YW5vdi1hdi9XZWJzdG9ybVByb2plY3RzL2RpcGxvZG9jL3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29udHJpYnV0b3JBdmF0YXJzIiwic291cmNlcyI6WyJDb250cmlidXRvckF2YXRhcnMuc2NzcyIsIi4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Qkk7RUFDSTtFQUNBOztBQWpCSjtBQUFBO0FBQUE7QUFBQTtFQUlJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQVVBO0FBQUE7RUFFSTs7QUFHSjtFQ2dFSjtFQUNBO0VBQ0E7RUFDQTs7QUQ3REk7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0o7RUFDSSxRQWhEYTtFQWlEYixPQWpEYTs7QUFvRGpCO0VBQ0ksUUFwRFc7RUFxRFgsT0FyRFc7O0FBd0RmO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQSxXQXBFUztFQXFFVCxhQXBFVzs7QUM0QmY7RUFDSTtFQUNBLGdCRHlDZTs7QUN2Q25CO0VBQ0k7O0FEeUNSO0VBQ0k7O0FBbEVKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBMkRBO0VBQ0ksYUE3RUc7RUE4RUg7O0FBRUo7RUFDSTs7QUFJUjtFQUNJLFdBekZhO0VBMEZiLGFBekZlO0VBMEZmO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTs7QUFFQTtFQUNJO0VBQ0E7RUFDQTs7QUFJUjtFQUNJO0VBQ0EsYUFuSFM7O0FBc0hiO0VBQ0k7O0FBakhKO0FBQUE7QUFBQTtBQUFBO0VBSUk7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBMkdKO0VBQ0ksU0E5SFE7O0FBZ0lSO0VBQ0ksZUFqSUkiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkBpbXBvcnQgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4kYXZhdGFyc0Rpc3RhbmNlOiAycHg7XG4kYXZhdGFyVGV4dEZvbnRTaXplOiAxMnB4O1xuJGF2YXRhclRleHRGb250V2VpZ2h0OiA1MDA7XG4kZGV0YWlsc0luZGVudDogMTJweDtcbiRhdmF0YXJCb3JkZXI6IDEuNXB4O1xuJHRleHRMaW5lSGVpZ2h0OiAxOHB4O1xuXG4kYXZhdGFyV3JhcHBlclNtYWxsU2l6ZTogMjNweDtcbiRhdmF0YXJXcmFwcGVyQmlnU2l6ZTogMzNweDtcblxuQG1peGluIGRpc2FibGUtbGluay1zdHlsZXMge1xuICAgIGEsXG4gICAgYTpob3ZlcixcbiAgICBhOnZpc2l0ZWQsXG4gICAgYTphY3RpdmUge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxufVxuXG4uZGMtY29udHJpYnV0b3ItYXZhdGFycyB7XG4gICAgJl9fb25lX2NvbnRyaWJ1dG9yIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luOiAwICRhdmF0YXJCb3JkZXI7XG4gICAgICAgIEBpbmNsdWRlIGRpc2FibGUtbGluay1zdHlsZXM7XG5cbiAgICAgICAgYTpob3ZlcixcbiAgICAgICAgYTphY3RpdmUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIGNvbnRyaWJ1dG9ycy10ZXh0KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19hdmF0YXIge1xuICAgICAgICAmIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwICRhdmF0YXJCb3JkZXIgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMtYWNjZW50KTtcbiAgICAgICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgICAgY3Vyc29yOiBpbmhlcml0O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogaW5pdGlhbDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9zaXplX3NtYWxsIHtcbiAgICAgICAgICAgIGhlaWdodDogJGF2YXRhcldyYXBwZXJTbWFsbFNpemU7XG4gICAgICAgICAgICB3aWR0aDogJGF2YXRhcldyYXBwZXJTbWFsbFNpemU7XG4gICAgICAgIH1cblxuICAgICAgICAmX3NpemVfYmlnIHtcbiAgICAgICAgICAgIGhlaWdodDogJGF2YXRhcldyYXBwZXJCaWdTaXplO1xuICAgICAgICAgICAgd2lkdGg6ICRhdmF0YXJXcmFwcGVyQmlnU2l6ZTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfZGVmYXVsdCB7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgZm9udC1zaXplOiAkYXZhdGFyVGV4dEZvbnRTaXplO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6ICRhdmF0YXJUZXh0Rm9udFdlaWdodDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgxcHgpO1xuICAgIH1cblxuICAgICZfX2Rpc3BsYXllZF9hdmF0YXJzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgQGluY2x1ZGUgZGlzYWJsZS1saW5rLXN0eWxlcztcblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogJGF2YXRhckJvcmRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogY2FsYygjeyRhdmF0YXJCb3JkZXJ9ICsgI3skYXZhdGFyc0Rpc3RhbmNlfSk7XG4gICAgICAgIH1cbiAgICAgICAgJiBhIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsgLy8gdG8gaGF2ZSByb3VuZGVkIG91dGxpbmUgb24gZm9jdXMgYXMgYWxsIGF2YXRhcnMgcm91bmRlZFxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9faGlkZGVuX2F2YXRhcnMge1xuICAgICAgICBmb250LXNpemU6ICRhdmF0YXJUZXh0Rm9udFNpemU7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiAkYXZhdGFyVGV4dEZvbnRXZWlnaHQ7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2UtbWlzYy1saWdodCk7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgbWFyZ2luOiAwICRhdmF0YXJCb3JkZXI7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAkYXZhdGFyQm9yZGVyIHZhcigtLWctY29sb3ItbGluZS1nZW5lcmljLWFjY2VudCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19kZXRhaWxzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcblxuICAgICAgICAmID4gZGl2Omxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0byAkZGV0YWlsc0luZGVudDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2RldGFpbHNfbmFtZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAkdGV4dExpbmVIZWlnaHQ7XG4gICAgfVxuXG4gICAgJl9fcG9wdXAge1xuICAgICAgICBib3gtc2hhZG93OiAwcHggM3B4IDI0cHggcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICBAaW5jbHVkZSBkaXNhYmxlLWxpbmstc3R5bGVzO1xuICAgIH1cblxuICAgICZfX3BvcHVwX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAkZGV0YWlsc0luZGVudDtcblxuICAgICAgICAmID4gKjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICRkZXRhaWxzSW5kZW50O1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGZvY3VzYWJsZSgkb2Zmc2V0OiAwLCAkbW9kZTogJ291dGxpbmUnKSB7XG4gICAgQGlmICRtb2RlID09ICdvdXRsaW5lJyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogJG9mZnNldDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAkbW9kZSA9PSAnYm94LXNoYWRvdycge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDJweCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSkge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import './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, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$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    @include islands-focus();\n    @include focusable(0, 'box-shadow');\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\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($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AA6BI,CAAA;AACI,WAAA;AACA,UAAA,EAAA;AC5BR;ADWI,CAeA,wCAfA;CAeA;CAAA;CAAA;AAXI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACTR;ADYI,CAMA,wCANA;AACI,UAAA;ACVR;ADoBQ,CALJ,wCAKI,CAAA;CALJ;AAOQ,SAAA,IAAA;AClBZ;ADqBQ,CAVJ,wCAUI,EAAA;AEgEJ,aAAA;AACA,eAAA;AACA,gBAAA;AACA,cAAA;ADlFJ;ADqBQ,CAAA;AACI,iBAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;AACA,UAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,WAAA;AACA,eAAA;AACA,eAAA;ACnBZ;ADsBQ,CAAA;AACI,UAAA;AACA,SAAA;ACpBZ;ADuBQ,CAAA;AACI,UAAA;AACA,SAAA;ACrBZ;ADwBQ,CAAA;AACI,cAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,aAAA;AACA,eAAA;ACtBZ;AClBQ,CFYA,8BEZA;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ADoBZ;AClBQ,CFQA,8BERA,MAAA,KAAA;AACI,WAAA;ADoBZ;ADqBI,CAAA;AACI,WAAA;ACnBR;AD/CI,CAiEA,0CAjEA;CAiEA;CAAA;CAAA;AA7DI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACiDR;AD9CI,CAwDA,0CAxDA;AACI,UAAA;ACgDR;ADWQ,CAJJ,0CAII,EAAA;AACI,eAAA;AACA,gBAAA,KAAA,MAAA,EAAA;ACTZ;ADWQ,CARJ,0CAQI;AACI,iBAAA;ACTZ;ADaI,CAAA;AACI,aAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,cAAA;AACA,UAAA;ACXR;ADaQ,CARJ,uCAQI,EAAA;AACI,cAAA,IAAA;AACA,kBAAA;AACA,cAAA;AACA,WAAA;AACA,mBAAA;AACA,UAAA,EAAA;AACA,cAAA,EAAA,EAAA,EAAA,MAAA,IAAA;ACXZ;ADeI,CAAA;AACI,WAAA;ACbR;ADeQ,CAHJ,gCAGI,EAAA,GAAA;AACI,aAAA;AACA,eAAA;AACA,UAAA,KAAA;ACbZ;ADiBI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;ACfR;ADkBI,CAAA;AACI,cAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AChBR;ADjGI,CAgHA,8BAhHA;CAgHA;CAAA;CAAA;AA5GI,SAAA;AACA,2BAAA;AAAA,mBAAA;AACA,WAAA;ACmGR;ADhGI,CAuGA,8BAvGA;AACI,UAAA;ACkGR;ADSI,CAAA;AACI,WAAA;ACPR;ADSQ,CAHJ,sCAGI,EAAA,CAAA,KAAA;AACI,iBAAA;ACPZ;",
   "names": []
 }