@salutejs/plasma-new-hope 0.131.0-canary.1390.10557448117.0 → 0.131.0-canary.1392.10557537816.0

package/emotion/cjs/components/Segment/tokens.js

@@ -8,7 +8,11 @@ var classes = exports.classes = {
   selectedSegmentItem: 'selected-segment-item',
   segmentPilled: 'segment-pilled',
   segmentGroupFilledBackground: 'segment-group-filled-background',
-  segmentStretch: 'segment-stretched'
+  segmentStretch: 'segment-stretched',
+  segmentVertical: 'segment-vertical',
+  segmentArrowPadding: 'segment-arrow-padding',
+  segmentGroupClipScroll: 'segment-group-clip-scroll',
+  segmentGroupClipShowAll: 'segment-group-clip-show-all'
 };
 var tokens = exports.tokens = {
   fontFamily: '--plasma-segment-item-font-family',
@@ -23,6 +27,9 @@ var tokens = exports.tokens = {
   groupPilledBorderRadius: '--plasma-segment-group-pilled-border-radius',
   groupWidth: '--plasma-segment-group-width',
   groupHeight: '--plasma-segment-group-height',
+  groupVerticalHeight: '--plasma-segment-group-vertical-height',
+  groupArrowPadding: '--plasma-segment-group-arrow-padding',
+  groupVerticalArrowPadding: '--plasma-segment-group-vertical-arrow-padding',
   groupBackgroundColor: '--plasma-segment-group-background-color',
   groupFilledBackgroundColor: '--plasma-segment-group-filled-background-color',
   itemBorderRadius: '--plasma-segment-item-border-radius',
@@ -31,13 +38,20 @@ var tokens = exports.tokens = {
   itemHeight: '--plasma-segment-item-height',
   itemPadding: '--plasma-segment-item-padding',
   itemMarginLeft: '--plasma-segment-item-margin-left',
+  itemContentPadding: '--plasma-segment-item-content-padding',
+  itemIconMargin: '--plasma-segment-item-content-icon-margin',
   itemColor: '--plasma-segment-item-color',
   itemBackgroundColor: '--plasma-segment-item-background-color',
   itemColorHover: '--plasma-segment-item-color-hover',
   itemBackgroundColorHover: '--plasma-segment-item-background-color-hover',
+  itemAdditionalColor: '--plasma-segment-item-additional-color',
+  itemAdditionalColorHover: '--plasma-segment-item-additional-color-hover',
   itemSelectedColor: '--plasma-segment-item-selected-color',
+  itemSelectedColorSecondary: '--plasma-segment-item-selected-color-secondary',
   itemSelectedBackgroundColor: '--plasma-segment-item-selected-background-color',
   itemSelectedColorHover: '--plasma-segment-item-selected-color-hover',
   itemSelectedBackgroundColorHover: '--plasma-segment-item-selected-background-color-hover',
+  itemSelectedAdditionalColor: '--plasma-segment-item-selected-additional-color',
+  itemSelectedAdditionalColorHover: '--plasma-segment-item-selected-additional-color-hover',
   disabledOpacity: '--plasma-segment-disabled-opacity'
 };

package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.segmentGroupRoot = exports.segmentGroupConfig = void 0;
+exports.segmentGroupRoot = exports.segmentGroupConfig = exports.getChildNodes = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _Icon = /*#__PURE__*/require("../../../_Icon");
@@ -17,8 +17,9 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
 var _base5 = /*#__PURE__*/require("./variations/_filledBackgound/base");
 var _base6 = /*#__PURE__*/require("./variations/_stretch/base");
+var _base7 = /*#__PURE__*/require("./variations/_vertical/base");
 var _SegmentGroup = /*#__PURE__*/require("./SegmentGroup.styles");
-var _excluded = ["id", "selectionMode", "pilled", "stretch", "filledBackground", "disabled", "size", "view", "children"];
+var _excluded = ["id", "selectionMode", "pilled", "stretch", "vertical", "filledBackground", "disabled", "size", "view", "children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -30,12 +31,24 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Keys = /*#__PURE__*/function (Keys) {
+  Keys[Keys["end"] = 35] = "end";
+  Keys[Keys["home"] = 36] = "home";
+  Keys[Keys["left"] = 37] = "left";
+  Keys[Keys["right"] = 39] = "right";
+  return Keys;
+}(Keys || {});
+var getChildNodes = exports.getChildNodes = function getChildNodes(wrapper) {
+  var container = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild;
+  return container ? Array.from(container === null || container === void 0 ? void 0 : container.childNodes) : [];
+};
 var segmentGroupRoot = exports.segmentGroupRoot = function segmentGroupRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var id = props.id,
       selectionMode = props.selectionMode,
       pilled = props.pilled,
       stretch = props.stretch,
+      vertical = props.vertical,
       _props$filledBackgrou = props.filledBackground,
       filledBackground = _props$filledBackgrou === void 0 ? false : _props$filledBackgrou,
       _props$disabled = props.disabled,
@@ -44,132 +57,189 @@ var segmentGroupRoot = exports.segmentGroupRoot = function segmentGroupRoot(Root
       view = props.view,
       children = props.children,
       rest = _objectWithoutProperties(props, _excluded);
+    var scrollRef = (0, _react.useRef)(null);
+    var trackRef = (0, _react.useRef)(null);
+    var leftArrowRef = (0, _react.useRef)(null);
     var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
       setSelectionMode = _useSegmentInner.setSelectionMode,
       setDisabledGroup = _useSegmentInner.setDisabledGroup;
-    var _useState = (0, _react.useState)(0),
+    var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-    var _useState3 = (0, _react.useState)(false),
+      firstItemVisible = _useState2[0],
+      setFirstItemVisible = _useState2[1];
+    var _useState3 = (0, _react.useState)(true),
       _useState4 = _slicedToArray(_useState3, 2),
-      firstItemVisible = _useState4[0],
-      setFirstItemVisible = _useState4[1];
-    var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      lastItemVisible = _useState6[0],
-      setLastItemVisible = _useState6[1];
+      lastItemVisible = _useState4[0],
+      setLastItemVisible = _useState4[1];
     var uniqId = (0, _plasmaCore.safeUseId)();
     var segmentGroupId = id || uniqId;
     var pilledAttr = view !== 'clear' && pilled;
     var filledBackgroundAttr = view !== 'clear' && filledBackground;
+    var clipScrollClass = !stretch ? _tokens.classes.segmentGroupClipScroll : undefined;
+    var clipShowAllClass = stretch ? _tokens.classes.segmentGroupClipShowAll : undefined;
     var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
     var filledClass = filledBackgroundAttr ? _tokens.classes.segmentGroupFilledBackground : undefined;
     var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.segmentStretch : undefined;
-    var items = (_react.Children === null || _react.Children === void 0 ? void 0 : _react.Children.map(children, function (child) {
-      return child;
-    })) || [];
+    var verticalClass = vertical ? _tokens.classes.segmentVertical : undefined;
     var onPrev = (0, _react.useCallback)(function () {
-      !disabled && setIndex(function (prevIndex) {
-        return prevIndex > 0 ? prevIndex - 1 : 0;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var childNodes = getChildNodes(scrollRef.current);
+      var scrollLeft = Math.round(scrollRef.current.scrollLeft);
+      var firstOverflowingTab = childNodes.slice().reverse().find(function (child) {
+        if (!child || child.offsetLeft === undefined) {
+          return;
+        }
+        var tabStartX = child.offsetLeft;
+        return tabStartX < scrollLeft;
       });
-    }, [disabled]);
+      firstOverflowingTab === null || firstOverflowingTab === void 0 || firstOverflowingTab.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef]);
     var onNext = (0, _react.useCallback)(function () {
-      !disabled && setIndex(function (prevIndex) {
-        return prevIndex < items.length - 1 ? prevIndex + 1 : prevIndex;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
+      var childNodes = getChildNodes(scrollRef.current);
+      var lastOverflowingChild = childNodes.find(function (child) {
+        if (!child || child.offsetLeft === undefined) {
+          return;
+        }
+        var tabEndX = child.offsetLeft + child.offsetWidth;
+        return tabEndX > scrollRight;
       });
-    }, [disabled]);
-    var onIntersecting = function onIntersecting(setVisible) {
-      return function (entries) {
-        /*
-         * Пробегаемся по элементам на которых есть слушатель события появления.
-         * Если элемент находится в зоне видимости или выходит из нее, меняем значение флага видимости
-         */
-        entries.forEach(function (entry) {
-          if (entry.isIntersecting) {
-            setVisible(true);
-          } else {
-            setVisible(false);
-          }
+      lastOverflowingChild === null || lastOverflowingChild === void 0 || lastOverflowingChild.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef]);
+    var onKeyDown = (0, _react.useCallback)(function (event) {
+      var childNodes = getChildNodes(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
+      var index = childNodes.findIndex(function (child) {
+        return document.activeElement === child;
+      });
+      var minIndex = 0;
+      var maxIndex = childNodes.length - 1;
+      var nextIndex;
+      switch (event.keyCode) {
+        case Keys.end:
+          nextIndex = maxIndex;
+          break;
+        case Keys.left:
+          nextIndex = index > minIndex ? index - 1 : index;
+          break;
+        case Keys.right:
+          nextIndex = index < maxIndex ? index + 1 : index;
+          break;
+        case Keys.home:
+          nextIndex = minIndex;
+          break;
+        default:
+          return;
+      }
+      if (nextIndex !== index) {
+        var _childNodes$nextIndex, _childNodes$nextIndex2;
+        event.preventDefault();
+        (_childNodes$nextIndex = childNodes[nextIndex]) === null || _childNodes$nextIndex === void 0 || _childNodes$nextIndex.focus();
+        (_childNodes$nextIndex2 = childNodes[nextIndex]) === null || _childNodes$nextIndex2 === void 0 || _childNodes$nextIndex2.scrollIntoView({
+          block: 'center',
+          inline: 'center',
+          behavior: 'smooth'
         });
-      };
-    };
-    var _useCarousel = (0, _plasmaCore.useCarousel)({
-        index: index,
-        axis: 'x',
-        scrollAlign: 'start',
-        detectActive: true,
-        debounceMs: 250,
-        onIndexChange: setIndex
-      }),
-      scrollRef = _useCarousel.scrollRef,
-      trackRef = _useCarousel.trackRef;
+      }
+    }, []);
+    var handleScroll = (0, _react.useCallback)(function (event) {
+      event.stopPropagation();
+      if (vertical) {
+        var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
+        var scrollTop = Math.round(event.currentTarget.scrollTop);
+        setFirstItemVisible(scrollTop <= 0);
+        setLastItemVisible(scrollTop >= maxScrollTop);
+        return;
+      }
+      var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
+      var scrollLeft = Math.round(event.currentTarget.scrollLeft);
+      setFirstItemVisible(scrollLeft <= 0);
+      setLastItemVisible(scrollLeft >= maxScrollLeft);
+    }, [vertical]);
+    (0, _react.useEffect)(function () {
+      var _scrollRef$current3, _scrollRef$current4;
+      if (vertical) {
+        var _scrollRef$current, _scrollRef$current2;
+        setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
+        return;
+      }
+      setLastItemVisible(((_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth) === ((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.clientWidth));
+    }, [vertical]);
+
+    // Этот хук компенсирует появление левой/верхней стрелки при прокрутке
+    (0, _react.useEffect)(function () {
+      if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
+        return;
+      }
+      if (vertical) {
+        scrollRef.current.scrollTo({
+          top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight)
+        });
+        return;
+      }
+      scrollRef.current.scrollTo({
+        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
+      });
+    }, [firstItemVisible, vertical]);
     var PreviousButton = (0, _react.useMemo)(function () {
-      return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
+      var ArrowNode = vertical ? _SegmentGroup.StyledTopArrow : _SegmentGroup.StyledLeftArrow;
+      return /*#__PURE__*/_react["default"].createElement(ArrowNode, {
         type: "button",
         "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
         onClick: onPrev,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled
-      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
+      }, vertical ? /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureUp, {
+        color: "var(".concat(_tokens.tokens.arrowColor, ")"),
+        size: "s"
+      }) : /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
         color: "var(".concat(_tokens.tokens.arrowColor, ")")
       }));
-    }, [onPrev]);
+    }, [onPrev, vertical]);
     var NextButton = (0, _react.useMemo)(function () {
-      return /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledArrow, {
+      var ArrowNode = vertical ? _SegmentGroup.StyledBottomArrow : _SegmentGroup.StyledRightArrow;
+      return /*#__PURE__*/_react["default"].createElement(ArrowNode, {
         type: "button",
         "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
         onClick: onNext,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled
-      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+      }, vertical ? /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDown, {
+        color: "var(".concat(_tokens.tokens.arrowColor, ")"),
+        size: "s"
+      }) : /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
         color: "var(".concat(_tokens.tokens.arrowColor, ")")
       }));
-    }, [onNext]);
+    }, [onNext, vertical]);
     (0, _react.useEffect)(function () {
       selectionMode && setSelectionMode(selectionMode);
       setDisabledGroup(disabled);
     }, [selectionMode, disabled]);
-    (0, _react.useEffect)(function () {
-      var _trackRef$current;
-      // Intersection observer для первого сегмента
-      var observeFirstItem = new IntersectionObserver(onIntersecting(setFirstItemVisible), {
-        root: null,
-        rootMargin: '0px',
-        threshold: 0.5
-      });
-
-      // Intersection observer для последнего сегмента
-      var observeLastItem = new IntersectionObserver(onIntersecting(setLastItemVisible), {
-        root: null,
-        rootMargin: '0px',
-        threshold: 0.5
-      });
-
-      // получаем список сегментов внутри SegmentGroup
-      var childrenArray = Array.from(((_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.children) || []);
-      if (childrenArray.length) {
-        // подписываемся на событие появление внутри SegmentGroup
-        observeFirstItem.observe(childrenArray[0]);
-        observeLastItem.observe(childrenArray[childrenArray.length - 1]);
-      }
-      return function () {
-        // отписываемся от события появления внутри SegmentGroup
-        observeFirstItem.disconnect();
-        observeLastItem.disconnect();
-      };
-    }, [children]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
+      vertical: vertical,
       id: segmentGroupId,
       ref: outerRef,
       filledBackground: filledBackgroundAttr,
       disabled: disabled,
       pilled: pilledAttr,
-      className: (0, _utils.cx)(pilledClass, filledClass, stretchClass)
+      className: (0, _utils.cx)(pilledClass, filledClass, stretchClass, verticalClass),
+      onKeyDown: onKeyDown
     }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContentWrapper, {
-      ref: scrollRef
+      className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
+      ref: scrollRef,
+      onScroll: handleScroll
     }, /*#__PURE__*/_react["default"].createElement(_SegmentGroup.StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && NextButton);
@@ -199,6 +269,10 @@ var segmentGroupConfig = exports.segmentGroupConfig = {
       css: _base6.base,
       attrs: true
     },
+    vertical: {
+      css: _base7.base,
+      attrs: true
+    },
     filledBackground: {
       css: _base5.base,
       attrs: true

package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = void 0;
+exports.base = exports.StyledTopArrow = exports.StyledRightArrow = exports.StyledLeftArrow = exports.StyledContentWrapper = exports.StyledContent = exports.StyledBottomArrow = exports.StyledArrow = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
 var _react = /*#__PURE__*/require("@emotion/react");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
@@ -16,11 +16,11 @@ var base = exports.base = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1946a1k-plasma-new-hope__base",
   styles: "display:inline-flex;align-items:center;label:plasma-new-hope__base;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiBzZWdtZW50IGl0ZW0gKi9cbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIHNlbGVjdG9yLW1heC1lbXB0eS1saW5lcywgc2VsZWN0b3ItbmVzdGVkLXBhdHRlcm4sIHNlbGVjdG9yLXR5cGUtbm8tdW5rbm93biAqL1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luOiAtMC4xMjVyZW07XG4gICAgcGFkZGluZzogMC4xMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0QXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBtYXJnaW4tbGVmdDogMC4xODc1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e2lv4y42",
+  target: "e2lv4y46",
   label: "plasma-new-hope__StyledContent"
 })(process.env.NODE_ENV === "production" ? {
   name: "3251ob",
@@ -28,27 +28,35 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("
 } : {
   name: "3251ob",
   styles: "display:inline-flex;flex-direction:row;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXJnaW46IDA7XG5cbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiBzZWdtZW50IGl0ZW0gKi9cbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUtbmV4dC1saW5lIHNlbGVjdG9yLW1heC1lbXB0eS1saW5lcywgc2VsZWN0b3ItbmVzdGVkLXBhdHRlcm4sIHNlbGVjdG9yLXR5cGUtbm8tdW5rbm93biAqL1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6IHggbWFuZGF0b3J5O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC9TZWdtZW50R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luOiAtMC4xMjVyZW07XG4gICAgcGFkZGluZzogMC4xMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLnNlZ21lbnRHcm91cENsaXBTY3JvbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAuMjVyZW07XG4gICAgICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5cbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2hvd0FsbH0ge1xuICAgICAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgLSAwLjA2M3JlbSknLFxuICAgIH0pfTtcblxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGVmdEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1yaWdodDogMC4xODc1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJpZ2h0QXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBtYXJnaW4tbGVmdDogMC4xODc1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvcEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBWZXJ0aWNhbEFycm93UGFkZGluZ30pO1xuICAgIHBhZGRpbmctYm90dG9tOiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCb3R0b21BcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBtYXJnaW4tdG9wOiAwLjE4NzVyZW07XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
-  target: "e2lv4y41",
+  target: "e2lv4y45",
   label: "plasma-new-hope__StyledContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1p5cysk",
-  styles: "position:relative;height:100%;margin:0;padding:0.25rem;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory"
-} : {
-  name: "1p5cysk",
-  styles: "position:relative;height:100%;margin:0;padding:0.25rem;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gc2VnbWVudCBpdGVtICovXG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBzZWxlY3Rvci1tYXgtZW1wdHktbGluZXMsIHNlbGVjdG9yLW5lc3RlZC1wYXR0ZXJuLCBzZWxlY3Rvci10eXBlLW5vLXVua25vd24gKi9cbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+})("margin:-0.125rem;padding:0.125rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", _tokens.classes.segmentGroupClipScroll, "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", _tokens.classes.segmentGroupClipShowAll, "{overflow:visible;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExlZnRBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb3BBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjE4NzVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQm90dG9tQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogMC4xODc1cmVtO1xuYDtcbiJdfQ== */"));
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _base["default"])("button", {
-  target: "e2lv4y40",
+  target: "e2lv4y44",
   label: "plasma-new-hope__StyledArrow"
-})("display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", /*#__PURE__*/(0, _mixins.addFocus)({
+})("display:flex;cursor:pointer;border:none;background-color:transparent;outline:none;", /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.063rem',
   outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
   outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
-}), ";&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogYWxsb3dzIGNvcnJlY3RseSBkaXNwbGF5IG91dGxpbmUgZm9jdXMgb24gc2VnbWVudCBpdGVtICovXG4gICAgcGFkZGluZzogMC4yNXJlbTtcblxuICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBzZWxlY3Rvci1tYXgtZW1wdHktbGluZXMsIHNlbGVjdG9yLW5lc3RlZC1wYXR0ZXJuLCBzZWxlY3Rvci10eXBlLW5vLXVua25vd24gKi9cbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */"));
+}), ";&[disabled]{cursor:not-allowed;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q3dDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExlZnRBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb3BBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjE4NzVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQm90dG9tQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogMC4xODc1cmVtO1xuYDtcbiJdfQ== */"));
+var StyledLeftArrow = exports.StyledLeftArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
+  target: "e2lv4y43",
+  label: "plasma-new-hope__StyledLeftArrow"
+})("padding:var(", _tokens.tokens.groupArrowPadding, ");padding-right:0;margin-right:0.1875rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGtEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExlZnRBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb3BBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjE4NzVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQm90dG9tQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogMC4xODc1cmVtO1xuYDtcbiJdfQ== */"));
+var StyledRightArrow = exports.StyledRightArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
+  target: "e2lv4y42",
+  label: "plasma-new-hope__StyledRightArrow"
+})("padding:var(", _tokens.tokens.groupArrowPadding, ");padding-left:0;margin-left:0.1875rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExlZnRBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb3BBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjE4NzVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQm90dG9tQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogMC4xODc1cmVtO1xuYDtcbiJdfQ== */"));
+var StyledTopArrow = exports.StyledTopArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
+  target: "e2lv4y41",
+  label: "plasma-new-hope__StyledTopArrow"
+})("padding:var(", _tokens.tokens.groupVerticalArrowPadding, ");padding-bottom:0;margin-bottom:0.1875rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExlZnRBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb3BBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjE4NzVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQm90dG9tQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogMC4xODc1cmVtO1xuYDtcbiJdfQ== */"));
+var StyledBottomArrow = exports.StyledBottomArrow = /*#__PURE__*/(0, _base["default"])(StyledArrow, {
+  target: "e2lv4y40",
+  label: "plasma-new-hope__StyledBottomArrow"
+})("padding:var(", _tokens.tokens.groupVerticalArrowPadding, ");padding-top:0;margin-top:0.1875rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRm9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvU2VnbWVudEdyb3VwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMTI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWdtZW50R3JvdXBDbGlwU2Nyb2xsfSB7XG4gICAgICAgIG92ZXJmbG93OiBzY3JvbGw7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwLjI1cmVtO1xuICAgICAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuXG4gICAgICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudEdyb3VwQ2xpcFNob3dBbGx9IHtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExlZnRBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodEFycm93ID0gc3R5bGVkKFN0eWxlZEFycm93KWBcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZ3JvdXBBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMTg3NXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUb3BBcnJvdyA9IHN0eWxlZChTdHlsZWRBcnJvdylgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmdyb3VwVmVydGljYWxBcnJvd1BhZGRpbmd9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAwLjE4NzVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQm90dG9tQXJyb3cgPSBzdHlsZWQoU3R5bGVkQXJyb3cpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsQXJyb3dQYWRkaW5nfSk7XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgbWFyZ2luLXRvcDogMC4xODc1cmVtO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../tokens");
+var _SegmentGroup = /*#__PURE__*/require("../../SegmentGroup.styles");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _tokens.classes.segmentVertical, "{flex-direction:column;max-height:var(", _tokens.tokens.groupVerticalHeight, ");", _SegmentGroup.StyledContentWrapper, "{flex-direction:column;}", _SegmentGroup.StyledContent, "{flex-direction:column;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VnbWVudC91aS9TZWdtZW50R3JvdXAvdmFyaWF0aW9ucy9fdmVydGljYWwvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWdtZW50L3VpL1NlZ21lbnRHcm91cC92YXJpYXRpb25zL192ZXJ0aWNhbC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkQ29udGVudCwgU3R5bGVkQ29udGVudFdyYXBwZXIgfSBmcm9tICcuLi8uLi9TZWdtZW50R3JvdXAuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuc2VnbWVudFZlcnRpY2FsfSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIG1heC1oZWlnaHQ6IHZhcigke3Rva2Vucy5ncm91cFZlcnRpY2FsSGVpZ2h0fSk7XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json

@@ -0,0 +1 @@
+[]

package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js

@@ -15,7 +15,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
 var _SegmentItem = /*#__PURE__*/require("./SegmentItem.styles");
-var _excluded = ["size", "view", "id", "label", "value", "pilled", "customHandleSelect", "aria-label"];
+var _excluded = ["size", "view", "id", "label", "value", "pilled", "contentLeft", "contentRight", "customHandleSelect", "aria-label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -29,6 +29,8 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
       label = props.label,
       value = props.value,
       pilled = props.pilled,
+      contentLeft = props.contentLeft,
+      contentRight = props.contentRight,
       customHandleSelect = props.customHandleSelect,
       ariaLabelExternal = props['aria-label'],
       rest = _objectWithoutProperties(props, _excluded);
@@ -65,7 +67,7 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
       onClick: handleSelectSegment,
       tabIndex: disabledGroup ? -1 : 0,
       disabled: disabledGroup
-    }, rest), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value));
+    }, rest), contentLeft && /*#__PURE__*/_react["default"].createElement(_SegmentItem.LeftContent, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value), contentRight && /*#__PURE__*/_react["default"].createElement(_SegmentItem.RightContent, null, contentRight));
   });
 };
 var segmentItemConfig = exports.segmentItemConfig = {